MasterPage ASP.Net 和 Jquery 关于 css 类的点击问题答案

【问题标题】：MasterPage ASP.Net and Jquery on click issue of css classMasterPage ASP.Net 和 Jquery 关于 css 类的点击问题
【发布时间】：2017-08-12 13:35:33
【问题描述】：

我知道在 Jquery 和 masterpage 在语法上几乎没有什么不同。解决方案是这样的：

$("<#%=divName.ClientID%>").click()

但它只适用于 div/another 元素 ID 当然与 runat=server。问题是如果使用 css 类，我的意思是我有一些“DIV”类，如何在 Masterpage 中使用 jquery 单击它。它不工作。我已经在没有母版页的单页中尝试过，它可以正常工作。

那么如何在母版页上单击带有 jquery 的 div 类？

  $('.empty').click(function () {
        alert('hallo it was clicked from class');
    });

【问题讨论】：

您的路径 jquery 是否已在您的母版页中正确设置？是否正在加载 jquery 库？类选择器不应该关心它是否托管在母版页中。检查 jquery 是否已加载并检查元素的 HTML 以确保呈现该类。

标签： javascript jquery css asp.net master-pages

【解决方案1】：

您是否使用母版页应该与使用带有类选择器的 jQuery 无关。我已经多次使用类和母版页，没有任何问题。

<div class="empty">
    This div is clickable
</div>

<script>
$('.empty').click(function () {
   alert('hallo it was clicked from class');
});
</script>

【讨论】：

【解决方案2】：

您不必担心divName.ClientID。只需将 div 添加到 marster 页面。这应该是一个客户端元素。如果有，请删除 runat=server。然后只需使用类或 id 调用您的点击事件。

<div class='empty'>test</div>

<script>
$('.empty').click(function () {
   alert('hallo it was clicked from class');
});
</script>

【讨论】：

【解决方案3】：

问题解决了！

问题是 div 具有绝对位置。所以它不会被点击。实际上 div 是从代码生成的。解决方法是将具有绝对位置的 div 放入父 DIV 中。

感谢朋友。

【讨论】：