今天在使用jquery的trigger方法時遇到了一個無法解決的問題,我想在父頁面上去觸發某個iframe頁面里的某個元素的自定義事件,發現無法觸發,然后我把自定義事件改成了click卻可以觸發,但這樣傳不了值.直接上代碼: <ul id="ul1"> <li data-url="baidu.com">1</li> <li data-url="hupu.com">2</li> </ul> <div> <iframe src="test.html" id="test"></iframe> </div> $(function () { $("#ul1").on("click", "li", function () { $(this).css("color", "red").siblings().css("color", "#333"); var url = $(this).attr("data-url"); var frame = $("#test").prop("contentWindow").document; $(frame).find("#rec").trigger("custom", [url]); }) })上圖是父頁面的代碼下圖為子頁面(iframe)的代碼<span id="rec"></span> $(function () { $("#rec").on("custom", function (ev, url) { console.log(url); }); })這樣無論如何也觸發不了子頁面span元素的custom事件,不知道為什么
通過使用jquery的trigger方法 父頁面無法觸發子頁面(iframe)的自定義事件
qq_花開花謝_0
2019-02-05 16:38:25