javascript - 尝试使用 .load() 从滑块中拉入多个链接

Question

我对 jquery 真的很陌生，我正在尝试通过编码学习新事物。我有一个滑块处理 5 个从左到右滑动的主题。对于该滑块中的 5 个项目中的每一个，内部都有一个指向不同网页的链接，我想使用 .load() 方法将内容引入空白 div。

除了图片不工作和滑块部分不滚动之外，这就是我想要做的。

任何帮助将不胜感激，为我指明正确的方向。代码在这里

<script>
$(document).ready(function() {

    $("#te").click(function(evt) {
        $('#news').empty().load('ppv_ons.html #ppv');
        evt.preventDefault();
    }); // end click

});  // end ready   
</script>

Answer 1

你可以得到你的内容

$(document).ready(function() {
 $("#te").click(function(evt) {
   $('#news').empty();
    $('#news').load($( '#ppv').html());
    evt.preventDefault();
  });
});

Answer 2

我制作了 HTML：

<div class="link" id="te"><a href="ppv_wm.html" target="blank">Find out more</a></div>

进入

<div class="link"><a id="te" href="ppv_wm.html" target="blank">Find out more</a></div>

并将 jQuery 更新为如下所示：

$(document).ready(function() {
  $("#te").click(function(evt) {
    evt.preventDefault();
    $('#news').empty().load('ppv_ons.html #ppv');
  });
}); // end ready

JSFIDDLE：http: //jsfiddle.net/6cuam/8/