Question

我的php项目中有一些jquery代码工作得很好......现在它还没有。我不确定我改变了什么并仔细检查了CSS是否正确，因为我可以手动更改显示而不是＆＃34;无＆＃34;它的工作原理。我也知道JQUERY正在工作，因为同一文档中的其他元素正在运行。我错过了一些简单的东西吗？

以下是相关代码：

使用Javascript：

$(document).ready(function() {
$('#addq_btn, div.darken').click(function() {
    $('div#addq_lb').toggle(250);
    $('div.darken').toggle(0);
});
});

HTML：

<a href="#" class="question_btn" id="addq_btn" >Add Question</a>

<div class="darken"></div>

<div class="lightbox" id="addq_lb">
    <h3>Enter a new question below.</h3>
    <form action="" method="post">
        <textarea name="question" required="required" 
                  maxlength="150"></textarea><br /> 
    <input class="btn" type="submit" 
                  name="questionsubmit" value="Add Question">
</form>
<button class="btn" id="addq_btn">Cancel</button>
<br /><br />
<p id="smallinfo">You can add answers on this 
page after you've added the question.</p>
</div>

Answer 1

ID addq_btn有两个元素。 ID应该是唯一的，JQuery会对它们进行处理。更改其中一个addq_btn ID是否可以解决此问题？

如果您希望基于某个选择器同等地使用这些元素，我建议使用共享类，因为它们可以被多个元素重用。

Answer 2

你有一个重复的ID，＆＃34; addq_btn＆＃34;因此导致冲突和jquery无法响应事件，id必须在dom中是唯一的，尝试更改我所使用的按钮的id，除了我建议你使用.on（＆＃39;点击＆＃39; ，function（）{}）。

Answer 3

嗯......这很奇怪。我开始测试，剪切和粘贴部分代码，现在它正在工作......没有任何改变。也许是一个奇怪的空间角色某处或某事。无论哪种方式，它再次工作。感谢您的帮助......对不起，如果这是有史以来最无用的StackOverflow答案。

JQuery .click突然坏了

3 个答案: