如何解决JavaScript表orter插件不工作的问题?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (59)

脚本:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript" src="{% static 'MIDIPIRCUSSION_APP/jquery.tablesorter.js' %}"></script>

HTML代码:

    <div class="jumbotron2">
            <div class="container">
            <br>
        <center>
        <table id="myTable" class="table table-dark"  style="text-align: center">
            <thead>
                <tr>
                    <th>Fecha de Creación</th>
                    <th>Título</th>
                    <th>Duracion</th>
                    <th>Dificultad</th>

                    {% if not user.is_staff %}

                        <th>Jugar</th>

                    {% endif %}

                    <th>Configurar Bateria</th>


                    {% if user.is_staff %}
                        <th>Modificar</th>
                        <th>Eliminar</th>
                    {% endif %}

            </thead>

            {% for cancion in object_list %}
            <tbody>
                <tr>
                    <td>{{cancion.creacion}}</td>
                    <td>{{cancion.titulo}}</td>
                    <td>{{cancion.duracion}}</td>
                    <td>{{cancion.dificultad}}</td>
</tbody>
</table>

JavaScript代码:

<script>
$(document).ready(function() { 
  $("myTable").tablesorter(); 
    });
</script>
提问于
用户回答回答于

使用两种不同的方式加载jQuery,有不同的版本,所以是没有使用正确的jQuery

用户回答回答于

选择器无效,应该是$("#myTable")

$("myTable")正在寻找一个标签<myTable></myTable>

扫码关注云+社区

领取腾讯云代金券