在 iframe 父窗口中触发点击事件答案

【问题标题】：trigger click event in iframe parent window在 iframe 父窗口中触发点击事件
【发布时间】：2011-04-01 02:52:18
【问题描述】：

<div id="main">
    <a id="mainp" >Parent Window</a>

    <iframe id="iframeindex" src="iframeindex.html" >

    </iframe>
</div>

<script>
     $(function() {
        $('#mainp').live('click', function(e) {
            alert("hi");
            e.preventDefault();
        });

iframeindex 来源：

<a id="child1" class="test" href="a.html">aa</a>    

<script>
    $(function() {          
        $('.test').click(function(e){           
            $('#mainp', window.parent.document).css('color', 'red').trigger('click');

            e.preventDefault();
        })
    });

CSS 正在应用于父窗口链接，但单击事件未触发。如何将触发事件发送到父窗口。

【问题讨论】：

请善待你的读者，花点时间清理你的代码。一致的格式和缩进大有帮助！
window.parent.$('#mainp').click() 带给你什么？
如果父 iframe 没有运行 jquery 怎么办？

标签： javascript jquery

【解决方案1】：

window.parent.$('#mainp').trigger('click');

或

window.parent.$('#mainp').click();

【讨论】：

这个答案假设他们在同一个域上......应该指定。

【解决方案2】：

我已成功使用以下格式，而其他选项不起作用。

    if ($("#maip", window.parent.document).length > 0){
        $("#mainp", window.parent.document).click();

【讨论】：