Question

我正在使用wenzhixin的库bootstrap-table.js。如果在加载页面后我运行$（'p'）。单击（function（）工作正常，问题是如果我使用表过滤器的某些功能，排序等等。那么我的功能不起作用。

我试图更改顺序，jQuery.noConflict（）但没有。

我附上了代码。

非常感谢，

对不起我的英语。

<!DOCTYPE html>
<html>
<head>
  <title>Imputacion</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="../clases/bootstrap-3.3.6-dist/css/bootstrap.min.css">
  <link rel="stylesheet" href="../clases/bootstrap-table-develop/src/bootstrap-table.css">
  <script src="../clases/jquery-1.12.3.min.js"></script>
  <script src="../clases/bootstrap-3.3.6-dist/js/bootstrap.min.js"></script>
  <script src="../clases/bootstrap-table-develop/src/bootstrap-table.js">      </script>
 <script>
 $(document).ready(function(){
   $('p').click(function() {
  alert("It is ok");
 });
 });
 </script>   
</head>
<body>
<div class="container">
                <table id="table"
           data-toggle="table"
           data-show-columns="true"
           data-show-toggle="true"
           data-show-pagination-switch="true"
           data-show-refresh="true"
           data-search="true"
           data-pagination="true"
           data-key-events="true"
           class="table-condensed" style="font-size:0.85em;" >
            <thead>
                <tr>
                <th data-field="codigo" data-sortable="true">codigo</th>
                <th data-field="id" data-sortable="true">Nombre</th>
                <th data-field="name" data-sortable="true" style="text-align:center">Inicio</th>
                <th data-field="price" data-sortable="true">Horario</th>
                <th data-field="a" data-sortable="true">Acción</th>
                </tr>        
            </thead>
            <tbody>
                <tr>
                    <td>EMAK1RF015</td>
                    <td>Eugenio </td>
                    <td style="text-align:center">16:40</td>
                    <td>8</td>
                    <td>    
                        <a href="#" class="abreModalFinal" data-id='123456789' data-toggle="tooltip" title="Final" ><p>Eugenio</p></a>      
                            </td>
                    </tr>   
                    </tbody>
                </table>
</div>
</body>
</html>

Answer 1

在网页的生命周期中稍后添加/更新元素，而不是在DOMContent准备就绪时。

使用Event delegation

$(document).ready(function() {
  $('container').on('click', 'p', function() {
    alert("It is ok");
  });
});

Javascript with $（document）.ready（function（）

1 个答案: