javascript - iframe 父文档上的 jQuery 效果

Question

只是想知道是否有其他人经历过这种情况或者知道我为什么会收到错误。我在 iframe 中使用 javascript 调用父 dom 元素，然后使用 jQuery UI 的效果核心来摇动它。这是一个例子:

$(document).ready(function(){
    if ($("form").length>0)
    {
        $("form").submit(function(){
            var oParentDoc = $(parent.document).find("div#element");
            var action = $(this).attr("action");
            var postdata = $(this).serialize();
            $(oParentDoc).addClass("loading");
            $.post(action,postdata,function(data){
                $(oParentDoc).removeClass("loading").effect("shake",{"times":3,"distance":10},60);
            });
            return false;
        });
    }
});

它可以在没有效果的情况下工作，但是当我使用效果时，它会给我这个错误:

uncaught exception: [Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIDOMCSSStyleDeclaration.getPropertyValue]" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)"

预先感谢您的任何见解:)

Answer 1

我不确定这是否有效，但您可以尝试在父级中设置绑定(bind)事件，然后在 iFrame 中尝试在父级中触发该事件。

父 JavaScript

$(document).ready(function(){
    $('#iframe').bind('shakeFrame',function(){
        $('#iframe').effect("shake",{"times":3,"distance":10},60);
    });
});

iFrame JavaScript

$(document).ready(function(){
    $(parent.document).find('#iframe').trigger('shakeFrame');
});