相关疑难解决方法(0)

触发iframe内的按钮

这是iframe代码:

<div id="OutDiv" class="outerdiv">
    <iframe src="http://beta.sportsdirect.bg/checkout/onepage/" id="InnerIframe" class="FrameCSS" scrolling="no"></iframe>
</div>
Run Code Online (Sandbox Code Playgroud)

这是上面iframe调用的按钮的HTMl代码:

<button type="button"  id="SuperWebF1" title="Continue" class="button">Continue</button>
Run Code Online (Sandbox Code Playgroud)

这是我用来在加载页面时触发按钮单击的jQuery函数:

 $('#SuperWebF1').trigger( "click" );
Run Code Online (Sandbox Code Playgroud)

但是只有当我将jQuery代码放在按钮源中并且iframe使用脚本调用按钮时,才会这样工作.

我想制作一个点击iframe外部按钮的活动.可能吗 ?

提前致谢!

html javascript iframe jquery

15
推荐指数
1
解决办法
4万
查看次数

将事件绑定到iframe的内容并从iframe触发它

我从当前的项目中找出了一个非常奇怪的错误:

index.html(demo)和iframe.html

做:

1)单击第一个输入并选择任何日期

你会看到 - "iframe中的datepicker发生了变化!"

2)单击第二个输入,写入一些符号并按下页面上的任何可用空间

你会看到 - "iframe里面的"normal_input已经改变了!" +"normal_input在iframe之外改变了!"

内部iframe:

<input id="datepicker" /> <input id="usual_input" />
Run Code Online (Sandbox Code Playgroud)

在index.html绑定到此输入的change事件:

$(this).contents().find("#datepicker").change(... (1)
$(this).contents().find("#usual_input").change(... (2)
Run Code Online (Sandbox Code Playgroud)

在iframe.html上绑定到此输入的更改事件:

$("#datepicker").change(... (3)
$("#usual_input").change(... (4)
Run Code Online (Sandbox Code Playgroud)

但是№1不能在任何浏览器中使用!

jquery ui的datepicker 触发器更改事件100%正确.为什么我们不能 iframe 之外绑定它?

html iframe jquery events dom

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

html ×2

iframe ×2

jquery ×2

dom ×1

events ×1

javascript ×1