可以使用.append（），而不是元素

Question

我要保存我創建了一個對象的引用，並調用我.append（）的.style工作正常，但如果我嘗試做一個風格上的變化它不會允許我...

我得到的錯誤是

Uncaught TypeError: Cannot set property 'display' of undefined

任何想法？

//add this slide's wrapper to module 
self.node = $("<div id='module_"+self.moduleId+"-slide_"+self.currentSlide+"' class='slide fade'></div>").appendTo("div#module_"+self.moduleId); 

//add the contents of the slide to its wrapper div 
self.node.append(self.slides[self.currentSlide-1].html) 

//Hack to force webKit to repaint (to have style fade applied) before the show() event. 
self.node.style.display='none'; 

Answer 1

你可能想這樣做：

self.node = $("<div id='module_"+self.moduleId+"-slide_"+self.currentSlide+"' class='slide fade'></div>").appendTo("div#module_"+self.moduleId); 

    self.node.append(self.slides[self.currentSlide-1].html); 
    self.node.hide(); 
    //or 
    self.node.css("display", "none"); 

Answer 2

這條線爲您提供了一個jQuery對象的引用：

self.node = $("<div id='module_"+self.moduleId+"-slide_"+self.currentSlide+"' class='slide fade'></div>").appendTo("div#module_"+self.moduleId); 

你引用的jQuery對象，當它看起來像你need the actual DOM element，這是通過

self.node[0] 

訪問

所以，你的代碼將然後閱讀：

self.node[0].style.display='none';