jquery-callback

问题 I have a view, say show.js.erb. And I have a link in another view such that link_to "MyLink", my_object_path, :remote => true successfully returns the show.js.erb view. My question is, from within that view, is there any way to access the element that triggered the AJAX call without having to resort to generating an id specific to individual elements a la ... I want to be able to use this view callback to open a small dialog next to whatever element was clicked on, but I can't seem to find a

问题 Has jQuery an animating -event (not :animated )? Something like step, but as extra method/event? Currently I trigger a custom event in each animations step-function: $('.foo').animate({property: 'value'}, { step: function(now, fx){ $(this).trigger('animating', [now, fx]) } }); $('.foo').on('animating', function(e, now, fx){ // do what you want }); I think there's somewhere in the wild assuredly a better solution. Any ideas/approaches? Update I've written a (of course not awesome) special

问题 I have a anchor tag in my page for logout. <a href="/logout/" id="lnk-log-out" /> Here I am showing a Popup for confirmation with jQuery UI dialog. If user click Yes from dialog it has to execute the link button's default action, I mean href="/logout". If No clicked a Popup box should be disappeared. jQuery Code $('#lnk-log-out').click(function (event) { event.preventDefault(); var logOffDialog = $('#user-info-msg-dialog'); logOffDialog.html("Are you sure, do you want to Logout?");

问题 What I am trying to do is to change an image on my webpage when the user mouses over a thumbnail of it. It is easy for me to do it this was because the thumbnail src only has 'tn_' appended to the filename and is otherwise identical. The problem I'm having is that when I switch the src on the image the attr function returns the img dom element almost instantly while the image itself does not change until the new image loads. I want to have some sort of a callback, so that I can either change

问题 I have written following function which takes a json data from a url. function getWeatherDataForCities(cityArray){ var arrAllrecords = []; var toDaysTimestamp = Math.round((new Date()).getTime() / 1000) - (24*60*60); for(var i in cityArray){ for(var j=1; j<=2; j++){ var jsonurl = "http://api.openweathermap.org/data/2.5/history/city?q="+cityArray[i]+"&dt="+toDaysTimestamp; $.ajax({ url: jsonurl, dataType: "jsonp", mimeType: "textPlain", crossDomain: true, contentType: "application/json;

问题 I have following situation. In a constructor of a pseudo class I attach a click event to an element. When the event is triggered I would like to refer from the callback function to the object where the event was set. Code of the pseudo class constructor function MyClass(){ this.myClassAttribute = "A class attribute"; // here `this` refers to the object $("span").click(function(){ // here `this` refer to a matched element, i.e. "span" // How to get the value of `myClassAttribute`? }); } How to

问题 I need to execute a specific function mvFinishItUp() when two conditions are met. More specifically, one condition is the callback success of a $.ajax the other is a normal flow of the code until it reaches the function. Kinda of this: $.ajax({ url: mv_finalUrl, success: function (data) { mvFinishItUp(data); }, dataType: 'html' }); /* here a lot more code, with animations and some delays */ mvFinishItUp(data) { /* My function code */ /* But this code must only run after it has been called via

问题 I am trying to get a callback function to execute when jQuery Masonry has done its positioning magic, preventing a flash of unstyled content in my code. For the purpose of testing, though, I am using a simple alert that isn't called at all. var $jigsaw = $('#jigsaw'); $jigsaw.imagesLoaded( function(){ $jigsaw.masonry({ columnWidth : 180, isAnimated : !Modernizr.csstransitions, isResizable : true, itemSelector : '.piece' }, function(){ alert('Completed'); }); }); I may be missing something

问题 i m building a little script to animate a list. Here is my html structure: <ul> <li class="slider"> Item-1 </li> <li class="slider"> Item-2 </li> <li class="slider"> Item-3 </li> ... <li class="slider"> Item-13 </li> <li class="slider"> Item-14 </li> <li class="slider"> Item-15 </li> </ul> <button> Next </button> I'm displaying only four li at one time, the "next" button fadeOut the displayed four li et fadeIn the next four ones. But the fades are applying both together. I've tried to use

问题 How to call a function once after change() event complete? for example, something like this: ( I know jQuery Doesn't have callback method as default ) $('#element').change( function(){ // do something on change // $('#milestonesSelect').multiselect({ minWidth: 120 , height : '200px' ,selectedList: 4 }).multiselectfilter(); // some animation calls ... // ... }, function(){ // do something after complete alert('another codes has completed when i called'); } ); Is it possible to call a single