jquery - 尝试使 $(document).ready 与 load() 一起使用

Question

我正在使用加载函数加载我的页面。该页面包含轨道 slider 的初始化代码(我使用基础)。图像加载但 slider 未初始化。

加载 slider.html 的代码

$("a#1").click( function () {
    $("#center_content").load("pages/slider.html");
});

slider.html 中的代码

<div class="row">
    <div class="four columns">Welcome</div>
    <div class="eight columns" id="featured">
        <img src="images/slides/1.jpg" alt="Overflow: Hidden No More" />
        <img src="images/slides/2.jpg"  alt="HTML Captions" />
        <img src="images/slides/3.jpg" alt="and more features" />
        <img src="images/slides/1.jpg" alt="Overflow: Hidden No More" />
        <img src="images/slides/2.jpg"  alt="HTML Captions" />
        <img src="images/slides/3.jpg" alt="and more features" />
    </div>
</div>
<script type="text/javascript">
     $(document).ready(function() {
         $('#featured').orbit();
     });
</script>

Answer 1

我想这会有帮助。 load完成后绑定(bind)orbit函数，并在slider.html页面中删除绑定(bind)。

$(function(){
    $("a#1").click( function () {
        $("#center_content").load("pages/slider.html",function(){
             $('#featured').orbit();
        });
    });
});