哪里放jQuery功能
[英]Where to put jquery function
問題描述
我想讓我的行可以點擊
<tbody>
<tr class='clickable-row' data-href="{% url "perception:detail" %}" data-turbolinks="false">
<td><a href="{{ object.loan.get_absolute_url }}" data-turbolinks="false">{{ object.loan }}</a></td>
<td><b>{{ object.current_balance }}</b></td>
<td>{{ object.operation_error }}</td>
<td>{{ object.start_date }}</td>
<td>{{ object.end_date|default:"" }}</td>
<td>{{ object.created }}</td>
<td>{{ object.modified }}</td>
</tr>
在使用示例
<tbody>
<tr class='clickable-row' data-href='url://'>
<td>Blah Blah</td> <td>1234567</td> <td>£158,000</td>
</tr>
</tbody>
jQuery(document).ready(function($) {
$(".clickable-row").click(function() {
window.location = $(this).data("href");
});
});
到目前為止，我在單擊行上沒有任何成功。 問題所在是我不知道在哪里插入
jQuery(document).ready(function($) {
$(".clickable-row").click(function() {
window.location = $(this).data("href");
});
});
您能告訴我最后五行放在哪里嗎？
5 個解決方案
解決方案1
1 2017-04-14 23:09:02
您應該寫另一個文件。 我將其命名為script.js。 並放在html中
<script>script.js</script>
解決方案2
0 2017-04-14 16:14:02
將腳本放入腳本標記內的HTML中
<script></script>
確保您也引用了jQuery，以便它能正常工作。通常，通常的做法是將腳本放在一個單獨的文件中，然后像下面使用jQuery的示例一樣在HTML頁面中引用它，但是對於基本功能而言，將其放在script標簽中會工作。
<head>
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js">
</script>
</head>
解決方案3
0 2017-04-14 16:14:29
您可以將其放在外部JS文檔中，然后鏈接到頁腳的文檔中，緊接在body標記之前。 或者，您可以直接將代碼粘貼在結束body標簽之前。 確保您要在此腳本之前導入JQuery，因為這是JQuery函數。”
如果將其放在索引文檔中，則需要使用以下代碼進行包裝：
<script></script>
解決方案4
0 2017-04-14 16:16:19
這工作正常：
<html>
<head>
<script src="path_to_jquery"></script>
<script>
$(".clickable-row").on('click',function() {
//window.location = $(this).data("href");
alert('clicked');
});
</script>
</head>
<body>
<table>
<tbody>
<tr class='clickable-row' data-href='url://'>
<td>Blah Blah</td> <td>1234567</td> <td>£158,000</td>
</tr>
</tbody>
</table>
</body>
</html>
除非在執行此操作之前遇到任何其他JS錯誤，否則它應該可以正常工作，請檢查控制台是否有其他錯誤。\\
解決方案5
0 2017-04-14 16:42:49
您的腳本未按預期方式運行的原因是因為您使用window.location錯誤：
因此，使用document.location.href = $(this).data("href"); 在同一標簽中也稱為重定向。
我在Ajax成功回調中將jQuery .fade（）函數放在哪里？
[英]where do i put jQuery .fade() function in ajax success callback?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.