javascript - Waiting for jquery to load asynchronously before loading js -

-

i using following load ads on site

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript">         var adwidth = $(document).width();         google_ad_client = "ca-pub-6777348526535979";         if ( adwidth >= 768 ) {           google_ad_slot    = "3870513647";           google_ad_width   = 728;           google_ad_height  = 90;         } else {           google_ad_slot    = "1127560842";           google_ad_width   = 320;           google_ad_height  = 50;         }     </script>     <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"></script>

it works fine think can optimize ad delivery further.i want load jquery asynchronously , following script must wait jquery loaded.

<script type="text/javascript">             var adwidth = $(document).width();             google_ad_client = "ca-pub-6777348526535979";             if ( adwidth >= 768 ) {               google_ad_slot    = "3870513647";               google_ad_width   = 728;               google_ad_height  = 90;             } else {               google_ad_slot    = "1127560842";               google_ad_width   = 320;               google_ad_height  = 50;             }         </script>         <script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"></script>

how can accomplish ?

you can way:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script type="text/javascript">         var google_ad_slot;     var google_ad_width;     var google_ad_height;     var google_ad_client;      $(document).ready(function()      {         var adwidth = $(document).width();         google_ad_client = "ca-pub-6777348526535979";         if ( adwidth >= 768 ) {            google_ad_slot    = "3870513647";            google_ad_width   = 728;            google_ad_height  = 90;         } else {            google_ad_slot    = "1127560842";            google_ad_width   = 320;            google_ad_height  = 50;         }         $("head").append('<script type="text/javascript" src="//pagead2.googlesyndication.com/pagead/show_ads.js"></script>');     }); </script>

after dom ready , scripts (including jquery) loaded, jquery call $(document).ready() function, values initiated , google ad script added head section of document.

all modern browsers correctly load , run script after adding dom.

variables should global let google script work them. can try changing $(document).ready $(window).load if won't work become absolutely sure has been loaded.


Comments

Post a Comment

Popular posts from this blog

Android : Making Listview full screen -

-
<linearlayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" tools:context=".mainactivity"> <edittext android:layout_margintop="5dp" android:layout_width="match_parent" android:layout_height="50dp" android:background="@drawable/location_edittext" android:id="@+id/locationeditext" android:textsize="15sp" android:textcolor="#999" android:paddingleft="15dp" /> <com.example.ravi_gupta.slider.viewpagercustomduration android:layout_width="wrap_content" android:layout_height="0dp" android:id="@+id/viewpager" android:scrollbarstyle="outsideoverlay" android:layout_weight="0.5...
Read more

javascript - Parse JSON from the body of the POST -

-
i'm using cameratag.com record video on website. service can send json response server can save data database. don't know how proceed here: the documentation states please note json repsonse passed in body of post , not form parameters. here example of how parse response in ruby: data = json.parse(request.raw_post) video_uuid = data["uuid"] but don't know how data on javascript. i'm not experienced in js please bare me :) post sample: { "uuid": "00012710-4b65-0131-ffe6-22000a499ea4", "camera_uuid": "98373a20-79ee-0130-3e42-1231390fcc11", "created_at": "2013-12-20t05:25:02.000z", "percent_complete": 100, "short_code": "kktb4q", "metadata": { }, "state": "published", "recorded_from": "http://singwho.com", "publish_type": null, "formats": [ { "name...
Read more

javascript - How to Hide Date Menu from Datepicker in yii2 -

-
basically in datetimepicker widget date choose first time, how can hide date option widget , filter according time. tried not working want hide remove button [ 'attribute'=>'time', 'label'=>'time', 'format'=>'raw', 'value'=>function($data){ return date('h:i:s',strtotime($data->time)); }, 'filter'=> datetimepicker::widget([ 'model' => $searchmodel, 'attribute' => 'time', 'clientoptions' => [ 'autoclose' => true, 'format' => 'hh:ii', 'showon' =...
Read more