jquery - jQuery单击（仅单击）不起作用

Question

所以这里是 jQuery 代码（尽可能简单）：

$(document).ready(function(){    
$("#test").click(function () {
    alert('Works!');
  });
});

和页面：

<script type="text/javascript" src="jquery-1.6.4.min.js" ></script>
<script type="text/javascript" src="test.js" ></script>
<p id="test">ss</p>

和有趣的事情，无论我放在后面click()，都不起作用，但是如果我使用hide()，append()或者任何代替click()，它正在工作。问题是什么？我正在使用SMARTY，我稍微简化了代码，因为该页面包含在layout.tpl中，但无论如何；为什么只有click()功能不起作用？！

Answer 1

您遇到的问题是CSS元素的定位。

具有 idmenu的 div 堆叠在具有 id 的 div 上，strona因为前者具有给定的宽度200px和position:absolute. 因此，单击文本不起作用，但单击文本右侧的 div 起作用。

所以在这种情况下，如果你添加

`position:absolute`

到 div strona，它按预期工作。

在此处检查更新的小提琴。