Javascript 如何将iframe与';在';jquery中的方法?
在jquery中使用on方法绑定iframe 我正在使用jquerymobilelib,页面中有一个iframeJavascript 如何将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
$(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(){
。这不起作用…感谢您的努力…:-)