Question

在我的项目中，我使用easyui-layout，它有西部和中心区域。

当我点击easyui-linkbutton公告时，oat.php将返回将成功包含在cenDiv中的表格内容。

这是我的js代码：

function corpAnn()
{
var oaAnn="annIn";
 $.ajax({
        dataType:'html',
        type:"POST",
        url:"oat.php",
        data: {oaAnn:oaAnn},
        success:function(data)
        {
            $('#cenDiv').html(data);
        }
      });
}

这是我的HTML代码：

<div id="firDiv" class="easyui-layout">
    <div id="wesDiv" data-options="region:'west',split:true" >
    </div>
    <div id="cenDiv" class="easyui-layout" data-options="region:'center',title:''">
    </div>
</div>

<a href="javascript:void(0)" class="easyui-linkbutton" onclick="corpAnn()">announcement</a><br />

这是oat.php代码：

echo '<div id="tbbs" class="easyui-panel" title="Panel Footer" style="width:100%;height:80%;border:1px solid #A9A9A9 ;" data-options="footer:\'#ft\'">';
echo '<table id="bbs" class="cenClass" border=1px cellspacing=0 align="center" width="100%">';
......
echo '</table>';
echo '</div>';

然后，我想双击表tr，它将调用alert方法。

但不幸的是，它失败了。这是我的js测试代码：

$(document).ready(function()
{
 $('#cenDiv').on("dblclick","#tbbs #bbs td",function(){
    alert("thsTest");
});
});

我知道在加载我的主网页时，tbbs和bbs id不会在DOM中退出。所以我应该将它们重新绑定到cenDiv id。但我不知道如何。谁能帮帮我？

如何在DOM中绑定两个容器ID

0 个答案: