javascript - jQuery load script executes many times -


i have simple method loads content , should replace div element:

$("a[data-ajax='true']").on('click', function (event) {         event.preventdefault();         var gotolink = this.href;         animatelink(this);         $('#ajax-target').fadeto(0.2, 0.5, function () {             lastlink = currentlink;             currentlink = gotolink;             $('#ajax-target').load(gotolink, {}, function () {                 $('body').scrolltop(0);                 $('#ajax-target').fadeto('slow', 1);             });         });     });

now load per ajax html code contains following code:

<script> console.log('running...') </script>

first time click on link loads ajax, see 'running...' on console expected. second time so, 'running...' printed twice on console. third time message 4 times on console, , on. can't figure out problem is. when load html code per ajax request , replace per html() method, same problem. has idea what's wrong?

edit after answer here have following code works:

<script>     var currentlink, lastlink;      function animatelink(obj) {         var el = $(obj);         var animate = el.attr('data-animation');         if (animate != undefined) {             animate = animate.tolowercase();             animate = animate == 'false' ? false : true;         } else {             animate = true;         }         if (animate) {             el.toggle('explode');         }     }      $(document).ready(function () {         $("a[data-ajax='true']").on('click', function (event) {             event.stopimmediatepropagation();             event.preventdefault();             var gotolink = this.href;             animatelink(this);             $('#ajax-target').fadeto(0.2, 0.5, function () {                 lastlink = currentlink;                 currentlink = gotolink;                 $('#ajax-target').load(gotolink, {}, function () {                     $('body').scrolltop(0);                     $('#ajax-target').fadeto('slow', 1);                 });             });         });     });      function historyback() {         $('#ajax-target').fadeto(0.2, 0.5, function () {             var newlink = lastlink;             lastlink = this.href;             currentlink = newlink;             $.get(newlink, {}, function (response) {                 $('body').scrolltop(0);                 $('#ajax-target')                     .html(response)                     .fadeto('slow', 1);             });         });     } </script>

this located on site directly. part not removed when ajax request done. part changed following:

<div class="content-wrapper" id="ajax-target">      @html.partial("layoutcontentheader")      <section class="content">          @renderbody()      </section> </div>

the loaded page mvc page, main-frame not contain html or body tag, content needs replaced , in addition scripts (how script above):

@if (isajax) {     if (ismainlayout)     {      @html.partial("layoutcontentheader")     <section class="content">         @renderbody()     </section>     }     else     {         @renderbody()     }        <script>         $(function () {             $('[data-toggle="tooltip"]').tooltip()         })     </script> }

as can see, when in ajax request, send important content.

and code of pressed link example:

<a href="/wilhelmshaven/hse/" data-ajax="true" class="btn btn-block btn-social" style="color: white !important; background-color: rgb(243,156,18)">      <i class="fa fa-th"></i>hse </a>

with no link around (which can force bubbling).

try adding code

$("a[data-ajax='true']").on('click', function (event) {      event.stopimmediatepropagation();      var gotolink = this.href;     animatelink(this);     $('#ajax-target').fadeto(0.2, 0.5, function () {         lastlink = currentlink;         currentlink = gotolink;         $('#ajax-target').load(gotolink, {}, function () {             $('body').scrolltop(0);             $('#ajax-target').fadeto('slow', 1);         });     }); });

reference : http://api.jquery.com/event.stopimmediatepropagation/


Comments

Post a Comment

Popular posts from this blog

php - failed to open stream: HTTP request failed! HTTP/1.0 400 Bad Request -

this code i'm using find latitude , longitude of place: function coords($address){ echo $url="http://maps.googleapis.com/maps/api/geocode/json?address=".$address; $json = file_get_contents(urlencode($url)); $data = json_decode($json, true); print_r($data['results'][0]['geometry']['location']['lat']); print_r($data['results'][0]['geometry']['location']['lng']); } however returns warning: failed open stream: http request failed! http/1.0 400 bad request if use above code in simple procedure works fine not in function. note: have tried curl_init()... method produced same result? instead of encoding whole url encode address part. following code work fine $add='jamshoro phase 2'; $url="http://maps.googleapis.com/maps/api/geocode/json?address=".urlencode($add); $json = file_get_contents($url); $data = json_decode($json, true); print_r($data['r
Read more

java - How to filter a backspace keyboard input -

i have code gives message when key number pressed: txtvalueofclause.addeventfilter(keyevent.key_typed, new eventhandler<keyevent>() { @override public void handle(keyevent t) { char ar[] = t.getcharacter().tochararray(); char ch = ar[t.getcharacter().tochararray().length - 1]; if (!(ch >= '0' && ch <= '9')) { system.out.println("the char entered not number"); t.consume(); } } }); now if press on wrong button , press backspace remove it, error message. how can add backspace input if statement? i have found answer: txtvalueofclause.addeventfilter(keyevent.key_typed, new eventhandler<keyevent>() { @override public void handle(keyevent t) { char ar[] = t.getcharacter().tochararray(); char ch = ar[t.getcharacter().tochar
Read more

java - Show Soft Keyboard when EditText Appears -

i have code in android app, alert dialog , keyboard, , when dialog shown want keyboard appear. not , not sure why? here code: final alertdialog.builder alert = new alertdialog.builder(this); alert.settitle("title"); alert.setmessage("message"); final edittext input = new edittext(this); input.setinputtype(inputtype.type_class_number); alert.setview(input); input.setonfocuschangelistener(new view.onfocuschangelistener() { @override public void onfocuschange(view v, boolean hasfocus) { if (hasfocus) { log.i(tag, "in focus"); inputmethodmanager inputmethodmanager = (inputmethodmanager) getsystemservice(context.input_method_service); inputmethodmanager.showsoftinput(input, inputmethodmanager.show_implicit); } } }); but keyboard not appear though edit text in focus, , tell appear why, doesn't come up? thanks in advance.
Read more