Javascript 将jquery函数放在何处_Javascript_Jquery

Javascript 将jquery函数放在何处

javascript jquery

Javascript 将jquery函数放在何处,javascript,jquery,Javascript,Jquery,我想让我的行在 <tbody> <tr class='clickable-row' data-href="{% url "perception:detail" %}" data-turbolinks="false"> <td><a href="{{ object.loan.get_absolute_url }}" data-turbol

我想让我的行在

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

您能告诉我最后五行放在哪里吗？

将HTML脚本放在脚本标记中

<script></script>

确保您也引用了jQuery，这样它就可以工作了。通常，标准做法是将脚本放在一个单独的文件中，并在HTML页面中引用它，就像下面使用jQuery的示例一样，但是对于基本功能，将它放在脚本标记中就可以了

<head>
<script 
 src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js">
</script>
</head>

您可以将其放在外部JS文档中，并链接到页脚中的文档，就在结束正文标记之前。或者，您也可以将代码粘贴到结束body标记之前。确保在此脚本之前导入JQuery，因为它是JQuery函数。”

如果将其放入索引文档中，则需要使用以下内容将其包装：

 <script></script>

这很好用：

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


$（“.clickable行”）。在（'click'，function（）上{
//window.location=$（this.data（“href”）；
警报（“点击”）；
});
胡说八道1234567英镑158000英镑

除非您在执行此操作之前遇到任何其他JS错误，否则它应该按预期工作，请检查控制台中的其他错误\

这里也有很好的信息

您的脚本无法按预期方式运行的原因是您使用了

窗口。位置

错误：

因此，在同一选项卡中使用

document.location.href=$（this.data（“href”）；

，这也称为重定向。

您应该写入另一个文件。我将其命名为script.js。并将其放入html中

<script>script.js</script>

script.js

创建新文件js并放入index.html。不要在页面htmlh中编写jquery我如何才能放入index.html

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

<script>script.js</script>