Question

我有以下html：

<div id="popups">
    <div id="createform">
        <div id="createformInside">
            <input type="text" id="testTitle" size="20">
            <input type="text" id="testSubj">
            <span id="testOptions">More Options</span>
            <br/>
            <textarea id="testContent" ></textarea>
            <input type="button" value="Save Test" id="saveBttn">
        </div>
     </div>
</div>

当按下保存按钮时，下面的jQuery应该删除弹出窗口<div>内的所有内容。出于某种原因，事实并非如此。知道为什么不呢？

$('#saveBttn').click( function() {//if the save button on the create test form is clicked...
    $('#createform').remove();//gets rid of the create test form
})

Answer 1

是的，这是正确的。

刚刚测试了您的示例代码：http://jsfiddle.net/bFXKP/

从该演示中运行良好，因此可能还有其他一些东西丢失。

Answer 2

您需要将<input>字段包含在<form>标记中。否则，DOM无法知道如何处理输入，或者使用按钮“提交”哪些输入。

此外，通常认为更好的做法是使用<form>而不是submit()将事件绑定到click()标记的ID，因为submit()会捕获未点击的内容提交（即使用键盘，输入按钮等）。

编辑：如果console.log(jQuery)返回undefined，这意味着它意味着您要么忽略加载jQuery，要么忽略了将click函数包装在文档就绪闭包中。

Answer 3

您是否尝试停止向表单提交多个提交内容？

如果是这样......

$('form').submit(function() {

    $(this).find('input[type=submit], button[type!=button]').attr({ disabled: 'disabled' });
});

Answer 4

对我来说很好看。你有这个代码的某些问题，或者你只是问？

Answer 5

您也可以使用

$（ '＃的CreateForm'）的CSS（ '显示器'， '无'）;

这是删除<div>的正确jQuery吗？</div>

5 个答案: