2012-03-19 121 views
0

IM的內部調用,然後,我會喜歡從第一個加載的內容裏面所謂的新內容加載..jQuery的.load,從加載的內容使用.load到內容加載到一個div

香港專業教育學院還得到了所以此刻從加載的內容中運行的NIVO滑塊它看起來像這樣

google.setOnLoadCallback(function() { 
    $("#pegasus-tile, #o-w").click(function(){ 
     $("#proj-content").load("projects/pegasus.html", function(){ 
      <div id="slider" class="nivoSlider"></div>  
      $('#slider').nivoSlider(); 
     }); 
    }); 
}); 

我beleve它看起來應該像這樣的財產以後...

google.setOnLoadCallback(function() { 
    $("#pegasus-tile, #o-w").click(function(){ 
     $("#proj-content").load("projects/pegasus.html", function(){ 

      <div id="slider" class="nivoSlider"></div> 
      $('#slider').nivoSlider(), 

      $("#close").click(function(){ 
       $("#proj-content").load("projects/blank.html"); 
      }); 
     }); 
    }); 
}); 

...但我就是弄不明白工作過,任何幫助非常讚賞

+1

它看起來像你在混合HTML和你的Javascript。你想要在載入函數中放置nivoSlider div來完成什麼?這是否應該追加到您的加載內容的結尾? – 2012-03-19 23:56:54

回答

1

添加使用jQuery一個div頁面,要做到以下幾點:

$('<div id="slider" class="nivoSlider"></div>').appendTo($('body')); 

與在那裏你waqnt的任何選擇或jQuery對象更換$('body')已添加div

你不能只把HTML放在JavaScript裏面。這可能會被忽略,取決於你定義你的JavaScript的位置,但它是無效的,並沒有做你的想法。

google.setOnLoadCallback(function() { 
    $("#pegasus-tile, #o-w").click(function(){ 
     $("#proj-content").load("projects/pegasus.html", function(){ 

      $('<div id="slider" class="nivoSlider"></div>').appendTo('#proj-sontent'); 
      $('#slider').nivoSlider(), 

      $("#close").click(function(){ 
       $("#proj-content").load("projects/blank.html"); 
      }); 
     }); 
    }); 
}); 
+0

ahhhh,好的非常感謝那個jeff,剛剛發現的一些奇怪的事情,如果該網站託管在本地,它將無法正常工作,但一旦它在服務器上正常工作就可以正常工作? – sam 2012-03-20 00:17:22

+0

可能是由於跨站點腳本限制。 – 2012-03-20 00:29:12

相關問題