使用.load jquery上的内容加载相关脚本

时间:2015-06-11 18:27:43

标签: javascript jquery html

根据我对JQuery的经验,这是我已经知道的最持久和限制性问题。我的问题很简单......

我正在使用一行代码将html页面B中的内容加载到html页面A中的类定义空间....

 $(".tile-area-main").css({width: "720px"}).load("musability-music-therapy-what.html .slides");

在班级" .slides" (它是一个滑块)有一些相关的代码,以使其正常运行....

$(document).ready(function() {
    //Store a ref to slides
    var $slides = $(".slides");

    //Bind event to the contianed that gets animated
    $(".slide-container")
    .on("transitionend webkitTransitionEnd oTransitionEnd msTransitionEnd", function(e){
e.preventDefault();
        // Remove classes from all the elements within the active container that starts with the class 'add-anim'
        $slides.find(".slide-container [class^='add-anim']").removeClass("animated bounceInLeft bounceInUp");

        //Add appropriate classes to the matched elements within the active container
        var $radio = $slides.find(":radio[name='radio-btn']:checked");
        $radio.next(".slide-container").find(".add-anim-up").addClass("animated bounceInUp");
        $radio.next(".slide-container").find(".add-anim-left").addClass("animated bounceInLeft");
    });
});

代码有效,如果您从Windows资源管理器中直接启动它,该页面就可以工作......当.load函数涉及时它没有...

所以问题是,如何让脚本不仅仅在上面的调用上加载(将是一个开始),而是在我正在加载的索引html页面中不断加载,(我还有其他滑块功能)需要用) 简而言之,.load非常适合获取内容,但相关代码呢。

如果有人可以提供一个如何做到这一点的例子,我的编码是蹩脚的,这将是a-m-a-z-i-n-g!谢谢。

1 个答案:

答案 0 :(得分:0)

这一个太简单了我无法相信它击中了我的脸.... Jquery begginners的简单家庭真理......

如果你使用.load来聪明并从其他网页中抓取内容做得很好....

如果任何内容需要运行脚本,则需要包含$ .getScript(“url to js file”);完成.load函数后

这可以让事情变得简单!