Javascript 单击事件在我每次单击时执行，而不是在活动选择器中执行

我写的代码如下

<div><a class="skill_1">skill</a></div>
<p id="skill_desc_1">skill description - 1</p>

---

您可以尝试以下链接中所述的data rel和data role，而不是popup（）：

---

对于“技能描述1”，您可能需要“类”而不是“id”。这可能不会解决您的问题，但只是程序问题。可能是您的

a.skill_1

正在填充整个视口？这样看来，无论你在哪里点击它都会触发弹出窗口。只是想一想。谢谢你的评论，@daniel0mullins。当我们说a.skill_1填充整个视口时，意味着元素占据了整个页面？我已经用CSS指定了框的宽度和高度，你们认为这可能是个问题吗？

 $(document).ready(function () {
    /* Forcing hidden content to each skill item */
    var options = { content: $('#skill_desc_1')};

    /* popup skill description */
    $('a.skill_1').click(function(){
        $(this).popup(options);
    });
});