2012-03-19 100 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

相关问题