在外部jquery文件中的功能不工作

我看到了很多js文件，我們在我們的html頁面中包含它並開始工作。我做了一個簡單的函數來檢查它是如何工作的，我創建了外部文件，然後將其包含在我的網頁中，但它不起作用。我的代碼是....在外部jquery文件中的功能不工作

<head> 
<script type="text/javascript" src="jquery-1.7.2.js"></script> 
<script type="text/javascript" src="face.js"></script> 
</head> 
<body> 
<div class="cl">check code</div> 
</body>

// jQuery的

function mtLoan(){ 

    $('.cl').css('background-color','#ff0000') 

}

來源

2012-09-03 Carlos

是你的外部js是face.js？ – Codegiant

當這個函數'mtLoan'被調用時？ – Uttara

@Uttara：在頁面加載 – Carlos

你可以試試這個

HTML

<head> 
<script type="text/javascript" src="jquery-1.7.2.js"></script> 
<script type="text/javascript" src="face.js"></script> 
</head> 
<body> 
<div class="cl">check code</div> 
</body>

JS代碼

$(document).ready(function(){ 
    $('.cl').on('click', function(){ 
     mtLoan(); 
    }); 
    function mtLoan(){ 
     $('.cl').css('background-color','#ff0000') 
    } 
});

http://jsfiddle.net/hhBFZ/11/

來源

2012-09-03 08:17:20 Codegiant

@amit是否正在工作？ – Codegiant

通知我是否需要修改。 – Codegiant

你是不是叫mtLoan任何地方。你的代碼更改爲：

$(document).ready(function(){ 
    $('.cl').css('background-color','#ff0000') 
})

來源

2012-09-03 08:06:10 Fraser

但是我看到很多jquery文件沒有使用文檔準備好的方法 – Carlos

（document）.ready已經被使用，以便在啓動腳本之前加載DOM和它的所有依賴項以避免任何問題 – Fraser

您可以在mtLoan函數中執行它，但您必須調用該函數才能正常工作 – Fraser

... 
<script type="text/javascript" src="face.js"></script> 

<script> 
$(function(){ 
    mtLoan(); 
}); 
</script>

來源

2012-09-03 08:08:37

你是不是在任何地方調用這個函數，使用$(document).ready()事件來初始化您的JavaScript，因此你的HTML都知道的Javascript，反之亦然。

$(document).ready(function(){ 
    $('.cl').css('background-color','#ff0000') 
})

來源

2012-09-03 08:09:38

在外部js文件或頁面本身調用doccument.ready函數內部的函數。

來源

2012-09-03 08:19:47

您需要使用文檔準備事件。這個視頻教程網站很好地解釋了一些一般的例子。 http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-2/

來源

2012-09-03 08:23:32 Nightgem

首先，檢查您添加的js文件是否顯示在瀏覽器中。你寫的jquery函數是錯誤的。你已經定義了：mtLoan（）？

來源

2016-04-30 08:01:08

在外部jquery文件中的功能不工作

回答

相關問題