Javascript 如何将iframe与';在';jquery中的方法?

Javascript 如何将iframe与';在';jquery中的方法?,javascript,jquery,jquery-mobile,iframe,jquery-on,Javascript,Jquery,Jquery Mobile,Iframe,Jquery On,在jquery中使用on方法绑定iframe 我正在使用jquerymobilelib,页面中有一个iframe $(frame).contents().on('tap', 'div', function() { console.info('sucess')} )} 如何使用on方法绑定iframe 在这里,我尝试使用on方法将点击函数绑定到iframe内容 //Structure of HTML page <div data-role="page" id="test" tabind

在jquery中使用on方法绑定iframe

我正在使用jquerymobilelib,页面中有一个iframe

$(frame).contents().on('tap', 'div', function() { console.info('sucess')} )}
如何使用on方法绑定iframe

在这里,我尝试使用on方法将点击函数绑定到iframe内容

//Structure of HTML page

<div  data-role="page" id="test" tabindex="0" class="ui-page ui-body-c" style="min-height: 491px;">
    <iframe height="491" frameborder="0" width="100%" src="about:blank" name="test">
        // ...
        <div id="one" data-role="page">
            <div data-role="content">
                // Contents
            </div>
        </div>
        // ...
    </iframe>
</div>
//HTML页面的结构
// ...
//内容
// ...
单击方法
$(frame.contents()。单击(函数(e){alert('suces');})
将起作用。但是当它与移动设备一起出现时,单击方法不起作用…

我会尝试为iFrame设置一个ID,并像这样绑定它:

$('iFrameId).on('tap','div',function(){console.info('suces');})

请记住,您需要在JQuery mobile加载的第一个页面中包含的脚本中创建事件绑定。按照设计,以后加载的其他文件中包含的所有JS脚本都将被忽略。

您需要将处理程序附加到iframe的contentDocument:

$($frame[0].contentDocument).on('click', '#tap', function(){
    alert('success');
});

谢谢你的回复。但它不起作用,我的脚本在第一页。这将与下面的单击类似
$(frame.contents()。单击(函数(e){alert('suces');})
。但当它与移动设备一起使用时,点击方法不起作用……我们如何在这里写一个点击<代码>$($frame[0].contentDocument).on('tap','#tap',function(){
。这不起作用…感谢您的努力…:-)