jquery - javascript : apply plugin at once to all vs one by one -

-

I have a home page for 5-6 dynamically-generated jquery sliders inside the page. 

  & lt; Div id = "slider1" class = "slider" & gt; // Images here & lt; / Div & gt; & Lt; Div id = "slider2" square = "slider" & gt; // Images here & lt; / Div & gt; After all slider loaded at the end of the page after the slider plugin has been applied,  
  $ ('# Slider1') applyplugin () .; $ ('# Slider2') applyplugin () .; ......... <.....  
 
 The question now is whether the plugin at  once  on all the sliders at the end of the page Should apply; Or i 
 
  below < Div id = "slider1" class = "slider" & gt; Sliders should apply  one by one . I ...... images here ..... and lt; / Div & gt; $ ('# Slider1') applyplugin () .; & Lt; Div id = "slider2" square = "slider" & gt; ...... images here ..... and lt; / Div & gt; $ ('# Slider2') applyplugin () .;  
 
 Which would be better for the  better user experience ? Or is there any other solution for this? 
 
 Edit: By mistake I wrote  id = slider1 , its  slider1, slider2 ...

Did you not really explain how you are trying to solve a "better user experience"? For example, do you show all the sliders at once? No slider is visible before a slider? No HTML has been displayed before the sliders? Etc. ...

Assume that .applyplugin () is written properly to handle more than one element at a time, so you can simplify your JavaScript You can: 

  $ ("# slider1, # slider2"). Applyplugin ();

Or use a common square name: 

  $ (".l slider"). Applyplugin (); Besides, I'm assuming that this is a typo in your question because you can not have two elements with the same ID.  
 
 If you want to ensure that elements are not shown until they are properly started, you can:  
  & lt; Div id = "slider1" class = "slider" style = "visibility: hidden;" & gt; ...... images here ..... and lt; / Div & gt; & Lt; Div id = "slider2" class = "slider" style = "visibility: hidden;" & Gt; ...... images here ..... and lt; / Div & gt; $ (". Slider") CSS ("Visibility", "Visible") Applicable plugin ();  
 
 If it does not address user experience, then you are trying to make better, please try to complete it.

Comments

Post a Comment

Popular posts from this blog

winforms - C# Form - Property Change -

-
I have a form that has a property named car A class with many properties. The Properties is being displayed on the current car on the basis of some user actions that are being displayed. So I have to know whether the property has been allocated or set to zero. I'm aware of INotifyPropertyChanged , but in my case I'm not sure that since this change I have changed my car properties car do not want to monitor the property. Any idea how to accomplish this? In advance thank you If you have created a true asset in your class then You should be a great and setter, you can add the code directly to the form property in order to take action on the basis of "form": Public partial category Form 1: form {public form 1 () {InitializeComponent (); } // define car square public class car {public string name = string. Empty; } // private car to keep the value of the current car private variable _car = null; // Property of public form which you can ru...
Read more

java - Messages from .properties file do not display UTF-8 characters -

-
Image
In the form of a title, I can only add that if I enter the html file manually, then it Okay. View Rolver: & lt; Bean id = "templorellolver" class = "org.thymeleaf.templateresolver.ServletContextTemplateResolver" & gt; & Lt; Property name = "prefix" value = "/ web-nf / templates" /> & Lt; Property name = "suffix" value = ". Html" /> & Lt; Property Name = "Template Mode" Value = "HTML5" /> & Lt; Asset name = "cacheable" value = "wrong" /> & Lt; Property Name = "characterEncoding" value = "UTF-8" /> & Lt; / Bean & gt; & Lt; Bean id = "Template Engine" class = "org.thymeleaf.spring3.SpringTemplateEngine" & gt; & Lt; Property Name = "Temploreolar" ref = "Templarolver" /> & Lt; / Bean & gt; & Lt; Bean square = "org.thymeleaf.spring3.view.Thymel...
Read more

javascript - amcharts makechart not working -

-
I am trying to create an amiratars serial chart on my Durandal single page application. This chart was working fine on Chrome browser but it is not working on IE. Can you please help me in this regard. Error while using Amcharts. The Macchart () method does not support the object in this object in IE.
Read more