jquery - Applying Javascript classes to generated content before it is applied to DOM -

-

i have situation whereas generating content (video links) via ajax call in javascript object. once content returned backend, html string generated , appended current html in dom. html string contains video links wrapper in 'div'. need apply new javascript object each of these new generated divs , have done using following code:

if(response.videos.length != 0) {            jquery(response.videos).each(function(key, video) {                          self.html += "<div class='col-md-4' data-related-video='" + video.videoid + "'>";                 self.html += '<a href="#" class="dashboard-video"></a>';                 self.html += '<div class="video-information">';                     self.html += '<h5 class="tk-bebas-neue">' + video.videoname + '</h5>';                     self.html += '<p>' + video.videodesc + '</p>';                     self.html += '<p>equipment: ';                      self.html += "</p>";                     ......................................more code                      self.html += "</div>";                 self.html += '</div>';             self.html += "</div>";             newratingarraykey.push("#" + self.relateddiv + " div[data-related-video=" + video.videoid + "] .video-rating");         });              jquery("#" + jquery(self.element).attr("data-related") + " .col-md-8").append(self.html);                    jquery(newratingarraykey).each(function(key, element) {             element = jquery(element);                           newratingobject[key] = new rater(element, jquery(element).attr("data-rel"), jquery(element).find(".star"), jquery(element).attr("data-user-id"));         });      }

as can see, after have generated new html string, add dom loop through new divs apply 'rater' class them. question is, there way apply 'rater' class each new generated div before gets applied dom? makes me think page may open error if fails between new content being added , rater class being applied new content. thanks!

you don't have satisfy concerns. browser won't repaint page until code finishes executing, , neither other javascript code execute potentially access dom before add 'rater' classes.

if wanted outlined, use unattached element(e.g $('<div/>')) add content to, before transplanting onto active dom.

but best solution not concatenate strings create dom elements. rather, use documentfragment , createelement api, freely add classes choose.


Comments

Post a Comment

Popular posts from this blog

java - Oracle EBS .ClassNotFoundException: oracle.apps.fnd.formsClient.FormsLauncher.class ERROR -

-
i need in configuring java on machine because, when try loading forms, loader goes in circles , gives error: java.lang.classnotfoundexception: oracle.apps.fnd.formsclient.formslauncher.class @ sun.plugin2.applet.applet2classloader.findclass(unknown source) @ sun.plugin2.applet.plugin2classloader.loadclass0(unknown source) @ sun.plugin2.applet.plugin2classloader.loadclass(unknown source) @ sun.plugin2.applet.plugin2classloader.loadclass(unknown source) @ java.lang.classloader.loadclass(unknown source) @ sun.plugin2.applet.plugin2classloader.loadcode(unknown source) @ sun.plugin2.applet.plugin2manager.createapplet(unknown source) @ sun.plugin2.applet.plugin2manager$appletexecutionrunnable.run (unknown source) @ java.lang.thread.run(unknown source) i have tried re-installing firefox, older versions of java runtime environments, disabling proxy. what missing? application working on other machines. i spent around 100 hours finding s
Read more

c# - how to use buttonedit in devexpress gridcontrol -

-
Image
i trying create gridcontrol buttonedit in 1 of columns. when user clicks button edit, popups form select product. when selection done on popup, returns datarow selection main grid below. but when column loses focus, value wrote column disappear. here code creates gridcontrol's data , buttonedit's click event. private void frmsiparisnew_load(object sender, eventargs e) { dt = new datatable(); dt.columns.add("malzeme_kodu",typeof(string)); dt.columns.add("malzeme_aciklama", typeof(string)); dt.columns.add("adet", typeof(decimal)); dt.columns.add("birim", typeof(string)); dt.columns.add("fiyat", typeof(decimal)); dt.columns.add("kur", typeof(string)); dt.columns.add("tutar", typeof(decimal)); datarow dr = dt.newrow(); dt.rows.add(dr); gc.datasource = dt; } private void repositoryitembuttoneditmal
Read more

nvd3.js - angularjs-nvd3-directives setting color in legend as well as in chart elements -

-
good morning i using angularjs-nvd3-directives, great, having difficulties when setting color of multi bar chart ( http://cmaurer.github.io/angularjs-nvd3-directives/multi.bar.chart.html ). the show legend works well: <div ng-controller="examplectrl"> <nvd3-multi-bar-chart data="exampledata" id="showlegendexample" width="550" height="300" showxaxis="true" showyaxis="true" xaxistickformat="xaxistickformatfunction()" showlegend="true"> <svg></svg> </nvd3-multi-bar-chart> </div> but when add option in conjunction color="colorfunction()" where, var colorarray = ['#ff0000', '#0000ff', '#ffff00', '#00ffff']; $scope.colorfunction = function() { return function(d, i) { return colorarray[i]; }; } the color of cha
Read more