Question

我创建了一个包含行和4列的表。我声明了属性类，对于td元素是id。当我点击td我必须调用jQuery函数来加载弹出框。这里反而加载弹出窗口我只是想显示警告框但它不起作用。这是我的代码

的jQuery

    <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
<script type="text/javascript">
     $(document).ready(function(e) {
                alert("jquery");
                $('.tbox').click(function(e) {
            tb_show("ThickBox","hi.html?height=120&width=400","true");  
            }
    });

</script>

html代码：

<table>
<tr align="center">
<td class="tbox" id="tbox"> <?=$id?> </td>
<td class="tbox" id="tbox"><?=$zoneName?></td>
</tr></table>

如何调用jQuery？

Answer 1

您的事件处理程序未正确关闭，导致解析错误。尝试：

$(document).ready(function(e) {
    alert("jquery");
    $('.tbox').click(function(e) {
        tb_show("ThickBox", "hi.html?height=120&width=400", "true");
    });
});

Answer 2

因为你使用两个具有相同id的div。这就是为什么我认为它不起作用。尝试改变div的名称，它们将正常工作

$('document').ready(function(){

   $('#tbox1').click(function(){
     alert("I am from div1");
   });

 $('#tbox2').click(function(){
     alert("I am from div2");
   });
});

Answer 3

$(document).ready(function (e) {
  $('.tbox').click(function (e) {
    alert("jquery");
  });
});

这就是你问的问题吗？

从td调用jQuery

3 个答案: