Store a javascript interval in a jQuery element.data object? -


I am working on a jQuery plugin (a jQuery UI widget) where I need to store specific reference contexts For every individual example of the plugin on the page, if I just write something like this:

PreInterval = setInterval (function () (warning ("Hi!"), 100);

... The variable myInterval will actually be window.myInterval and it will be shared by all the examples on the page So when I try to set or clear an interval for an example, the interval for all instances will be set / cleared because they all refer to the same window variable.

By looking through the jQuery API, I found this method to be used to store arbitrary data associated with the matched elements and since each instance of the plug-in has the corresponding DOM element best! By using this method, I can store the data that is specific to the matching element, so I have structured my code in such a way (where is a reference to the element of L. Milan): 

 El.data ("myInterval", setInterval (function () (warning ("hi!");}, 100));

To some extent this works because different examples of the plugin no longer refer to the same variable (interval). But I have noticed that if I have 2-3 examples of the plugin and I have set an interval which is similar to each example, only the first example starts its interval but if the interval timer is small, then only Some elements start their gaps

I have not dig deep in the real values, but if I have three instances of plug-ins on one page and set to interval 5, then this way: 

 El .data ("myInterval", setInterval (function () (warning ("hi!");}, 5));

... Only the first example will start. If I increase it by 20-30, then two instances will start and if I move it, say, 50 will be the beginning of all three instances. it's so weird?!

My question is:

What is the interval reference to accumulate (using data) is a good idea? If yes, then what could be the reason for the failed interval?

Please help me with this one - I'm stumped! If you want the original source code, see the plugin page (the link at the top of this post).

/ Thomas Kahn

return value of setInterval and setTimeout only reference to expiration There are intrinsically used integers, so storing an integer with .data is not a problem.


-

Comments

Post a Comment

Popular posts from this blog

Eclipse CDT variable colors in editor -

I hope this is a good question to ask here. This programming is related, so I thought it would be better than the superuser, so I am using the CDT C ++ Eclipse plugin. I know how the editor changes colors for some things But is there a way to do that all the variables are different colors? For example in KDEValue, it sets the local variables and square variables in different colors and bold square squares. Can I copy it to CDT? Eclips provides some level of color customization for text editor syntax You can see it on the following: There are many elements, including the Window> Preferences> C / C ++> Editor> Syntax color code that can be changed, assembly, Comments, Preprocessor and Doxian Under the code, it is possible to change the color of some variable types, such as global variables, local variable announcements, local variable references, and parameter variables. But I do not think the code is capable of changing the color of each variable declared....
Read more

AJAX doesn't send POST query -

$ (दस्तावेज़) .ready (function () {function ajaxselectrss (rssurlvar) {var ajaxRequest; // वेरिएबल जो अजाक्स को संभव बनाता है! कोशिश करें कि {// ओपेरा 8.0+, फ़ायरफ़ॉक्स, सफारी अजाक्स अनुरोध} = नया एक्सएमएलएचटीपीआरइवेस्ट ();} कैच (ई) {// इंटरनेट एक्सप्लोरर ब्राउज़र्स {ajaxRequest = new ActiveXObject ("Msxml2.XMLHTTP");} पकड़ो (ई) {try {ajaxRequest = new ActiveXObject ("Microsoft.XMLHTTP");} कैच (ई) {// कुछ गलत चेतावनी ("आपका ब्राउज़र तोड़ दिया!"); वापसी झूठी;}}} // एक बनाएं फ़ंक्शन जो सर्वर से भेजे गए डेटा प्राप्त करेंगे ajaxRequest.onreadystatechange = function () {if (ajaxRequest.readyState == 4) {var ajaxDisplay = document.getElementById ('news'); ajaxDisplay.innerHTML = ajaxRequest.responseText;}} / / Var rssurlvar = $ (this) .attr ("title"); var queryString = "rurl =" + rssurlvar; var urltofile = "rssget.php"; ajaxRequest.open ("पोस्ट", urltofile, सच); ajaxRequ Est.setRequestHeader ("सामग्री-प्र...
Read more

wpf - Custom Message Box Advice -

Well, I'm using a custom window box that comes with some custom control boxes that accompany the text The producers who are displayed are called. I have a defined event, which has been subscribed through the original class, it gets burnt when clicking on the button. However, I can not see how to use it effectively, I would like to return one yes, whether yes or not, but obviously my code will continue to execute, so this Below is some example code to clarify the problem that the method has subscibed by clicking on the button. Message box window Public partial class custom message box: window {public representative message messagebox object sender, event events e); Public event messagebox handler messagebox document; Public Customs Box () {Initial group (); } Public Customsbox (String Message) {InitializeComponent (); This.txtdescription.Text = Message; } Public Customsbox (String Message, String Title, String First BTNtext) {Initialization (); This.lbltitle.Content =...
Read more