Проблема со сценарием JQuery?

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 файл перед расслоение плотной привязки этого файла.

Answer 2

Вы можете создать функцию инициализации, поэтому на странице есть

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

Тогда в вашем внешнем файле JS определить функцию, инициализации таким образом:

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).