Question

我是JQuery的新手，我想知道当我从主页导航到使用此代码的页面而不是将此代码直接放入网页时，如何使用以下代码？我想通过脚本链接放置此代码，而不是将代码本身放在网页中。

我希望我能正确解释。

这是JQuery代码。

$(document).ready(function() {

    //When page loads...
    $(".form-content").hide(); //Hide all content
    var firstMenu = $("#menu ul li:first");
    firstMenu.show();
    firstMenu.find("a").addClass("selected-link"); //Activate first tab
    $(".form-content:first").show(); //Show first tab content

    //On Click Event
    $("#menu ul li").click(function() {

        $("#menu ul li a").removeClass("selected-link"); //Remove any "selected-link" class
        $(this).find("a").addClass("selected-link"); //Add "selected-link" class to selected tab
        $(".form-content").hide(); //Hide all tab content

        var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the selected-link tab + content
        $(activeTab).fadeIn(); //Fade in the selected-link ID content
        return false;
    });

});

Answer 1

将代码放在外部js文件中，并使用新页面中的<script>标记进行链接。

<script src="path_to_jqueryjsfile" type="text/javascript"></script>
<script src="path_to_your_jsfile" type="text/javascript"></script>

请务必在引用此文件之前引用jQuery js文件。

Answer 2

您可以创建一个init函数，因此在您的页面中有

$(document).ready(function() {
init();
});

然后在你的外部js文件中定义一个init函数：

function init() {
    //When page loads...
    $(".form-content").hide(); //Hide all content
    var firstMenu = $("#menu ul li:first");
    firstMenu.show();
    firstMenu.find("a").addClass("selected-link"); //Activate first tab
    $(".form-content:first").show(); //Show first tab content

}

事件绑定可以在外部文件中创建，没有其他任何操作，所以只需将代码粘贴在那里（只要在页面中创建元素后调用js文件 - 您也可以放置init函数中的事件绑定。）

Jquery脚本链接问题？

2 个答案: