如何從我自己的js文件中的一個js文件中使用預定義的方法？

Question

我是一個網頁設計的學生，相當新的jQuery/Javascript，所以我知道這是相當基本的，但我試過的一切都沒有奏效。我在我的主頁上使用了unslider（unslider.com），我試圖在點擊事件中暫停滑塊。在unslider.com文檔顯示，你可以停止和啓動基於以下代碼滑塊：

var slidey = $('.banner').unslider(), 
data = slidey.data('unslider'); 

// Pause Unslider 
data.stop(); 

我遇到的問題是，我不知道如何訪問或利用我自己的這些預定義的方法js文件。這裏是我嘗試的代碼，但它不會暫停滑塊：

$(document).ready(function() { 
    $('.button').click(function() { 
     var slidey = $('.banner').unslider(), 
     data = slidey.data('unslider'); 

     data.stop(); 
    }); 
}); 

任何幫助，這將不勝感激！由於

滑塊停止後，我試圖運行下面的功能：只要你有相同的頁面中鏈接這兩個JavaScript文件

$details_link = $('.active').data('url'); 

$('#inner_wrap').load($details_link, function() { 
    $('.banner').slideToggle("400", function() { 
     $('body').toggleClass('no_scroll'); 
     $('#slider_btn').toggleClass('slider_btn_down slider_btn_up'); 
    }); 
}); 

Answer 1

Here's a working fiddle。

確保您的JS是像這樣：

$(document).ready(function() { 
    unslider = $('.banner').unslider(); 
    $('button.stop').on("click", unslider.data("unslider").stop); 
}); 

然後在你的HTML確保您的按鈕，像這樣：

<button class="stop">Stop the slider</button> 

而你所有的設置。

在利用其他JS文件的方法方面，只需確保要使用的庫的script標記的位置位於自己的JavaScript之前，以便在調用其某個方法之前加載該庫。像這樣的東西，其中application.js是您的自定義JavaScript：

<script src="jquery.js"></script> 
<script src="unslider.js"></script> 
<script src="application.js"></script> 

Answer 2

，並有你的函數的文件呼叫連接第一，你將能夠從其他文件調用的函數，因爲在這個職位描述：

Can we call the function written in one JavaScript in another JS file?