使用document.on更改附加后,事件不起作用

时间:2013-09-03 22:59:34

标签: jquery

我无法得到警报,不确定我做错了什么。 我试图在追加后绑定事件 但出于某种原因,我无法从警报框中看到该消息。

    <!DOCTYPE html>
<html>
<head>
  <title>mytitle</title>

  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {

            $('body').append('<div id="testdiv2"></div>');

            $('document').on("change", '#testdiv2', function () {
                alert("hello");
            });
        });
    </script>

</head>

<body>
</body>
</html>

感谢您的回复。 我试图做的是在我创建它之后引用一个div。 说我想附加一个div,然后将内容加载到其中。然后,当它完成时,从中删除所有标签。这样的事情。

        $(document).ready(function(){

        $('body').append('<div id="testdiv2"></div>').load('HtmlPage2.html #testdiv');

        $('testdiv2 label').remove()
    });
</script>

我将如何完成类似的事情?

2 个答案:

答案 0 :(得分:2)

change事件仅由其值已更改的输入元素触发。 <div>本身无法触发它。

参考:

  

change事件在值更改时发送给元素。这个   事件仅限于<input>元素,<textarea>框和<select>   元件。

答案 1 :(得分:0)

document而非'document'

        $(document).on("change", '#testdiv2', function () {
            alert("hello");
        });

$('document')尝试在您的文档中找到<document>代码。

div也没有变更事件

并且您不需要在$(document).on内放置$(document).ready,因为该文档已经可用。