Question

我想在

上点击我的行

                <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");
        });
    });

你能告诉我我把这五行最后一行放在哪里吗？

Answer 1

你应该写另一个文件。我将它命名为script.js。把它放在html中

<script>script.js</script>

Answer 2

将脚本放在脚本标记内的HTML中

import java.util.*;

class multiThread implements Runnable {

   multiThread(int a) {
      int x = a;
   }

   public void run() {
      try {
        for(int i=x; i<=30;i=i+2) {
            System.out.println(i);
        }
      }catch(Exception e){

      }
   }
}

确保你也引用了jQuery，所以它会起作用，通常标准做法是将你的脚本放在一个单独的文件中并在HTML页面中引用它，就像下面的例子一样用jQuery引用它，但是只是将它放在基本功能中脚本标签将起作用。

<script></script>

Answer 3

您可以将其放在外部JS文档中，并链接到页脚中的文档，就在关闭正文标记之前。或者，您可以在关闭正文标记之前粘贴代码。确保在此脚本之前导入JQuery，因为这是一个JQuery函数。“

如果您将其放在索引文档中，则需要将其包装为：

 <script></script>

Answer 4

这很好用：

<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错误，否则它应按预期工作，请检查控制台是否存在其他错误。\

这里还有很好的信息https://www.w3schools.com/jquery/jquery_intro.asp

Answer 5

您的脚本无法按照您的意愿运行的原因是因为您使用window.location错误：

因此，在同一个标签页中使用document.location.href = $(this).data("href");也称为重定向。

在哪里放jquery函数

5 个答案: