Javascript 事件未在iframe内执行_Javascript_Jquery

Javascript 事件未在iframe内执行

javascript jquery

Javascript 事件未在iframe内执行,javascript,jquery,Javascript,Jquery,我在iframe中动态添加内容，并使用.live（）函数将内容绑定到事件中： <body> <div id="container"> <iframe id="if" src="something"></iframe> </div> <script> /* binding ev

我在

iframe中动态添加内容

，并使用

.live（）函数将内容绑定到事件中

：

           <body>
            <div id="container">
               <iframe id="if" src="something"></iframe>
            </div>

            <script>
             /* binding event */
             $(document).ready(function() {
               $("p").live("mouseover", function() { /* do something */ });
             });

             /* appending content */
              $("#if").contents().find("#someid").append("<p></p>");                  
            </script>
           </body>


/*绑定事件*/
$（文档）.ready（函数（）{
$（“p”）.live（“mouseover”，function（）{/*dosomething*/}）；
});
/*附加内容*/
$（“#如果”）.contents（）.find（“#someid”）.append（“”）；

已成功添加

p标记

，但未在鼠标上方执行事件。有什么问题吗

注意：我无法在iframe中添加绑定事件脚本

您的实时绑定仅适用于主文档，而不适用于iframe。你试过跟随吗

对于jQuery 1.4及以上版本，请使用：

对于jQuery 1.7及以上版本，请使用：

另请参见“mouseevent-loaded”警报后的or:hover云图像

注意：这将针对iframe中的所有

。但是只有在不违反浏览器的跨站点策略的情况下，才会解析iframe。

如果使用jQuery 1.7.2，请将

live

替换为

on

方法（我已更新了答案）。

$("#if").ready(function() {
    $("#if").contents().delegate("p", "mouseover", function() {
        // do something
    });
});

$("#if").ready(function() {
    $("#if").contents().on("mouseover", "p", function() {
        // do something
    });
});