从加载到 FancyBox 的页面内按钮调用的 JS 函数将 onclick 属性添加到父页面中的 ImageButton

Question

我在 ASP.NET 用户控件（内容页内）中使用 "FancyBox"。 我希望在加载到 FancyBox 的页面上的按钮上单击（客户端单击），将调用 JavaScript 函数，并且在该函数中我想启用父页面中包含的 ImageButton（打开该页面的页面） FancyBox模态对话框）并动态添加“onclick” 其财产。

在包含 ImageButton 的表单的代码文件中，我添加了一个属性，以便可以使用 JQuery

ibtnDeleteImage.Attributes.Add("serverID", "ibtnDeleteImage");

轻松选择它。这是用于将 onclick 属性添加到 ImageButton 的函数

 function addOnclick() {

   //Get ref to the delete article thumbnail image button
   var $ibtnDeleteThumbImage = $("input[serverId='ibtnDeleteImage']", window.parent.document);

   //Enable the image button
   $ibtnDeleteThumbImage.removeAttr("disabled");

   //Add  onclick property to the ImageButton assign it an  event handler and avoid post back to the server
   $ibtnDeleteThumbImage[0].onclick = function() { deleteThumbnailImage(); return false; };

    }

这是事件处理程序：

function deleteThumbnailImage() {
   var dialogMessage = "Are you sure you want \n to delete the article thumbnail";
   if (confirm(dialogMessage)) {
       var $ibtnDeleteThumbImage = $("input[serverId='ibtnDeleteImage']", window.parent.document);
       //Remove the onclick property from the ImageButton
       $ibtnDeleteThumbImage.removeAttr("click");
       //Disable the ImageButton
       $ibtnDeleteThumbImage.attr('disabled', 'disabled');

   }

}

我正在使用语法

 $ibtnDeleteThumbImage[0].onclick = function() { deleteThumbnailImage(); return false; };

而不是

$ibtnDeleteThumbImage.attr("onclick", "deleteThumbnailImage();return false;");

因为所描述的问题 此处

我的问题： 此语法在由包含在常规 Iframe 中加载的页面的按钮调用的 JavaScript 函数中运行良好，但在加载到 FancyBox 的页面中包含的页面中则不起作用。 （ onclick 属性没有添加到 ImageButton 并且有一个回发到服务器）

有谁知道问题是什么以及解决方案是什么？

谢谢

Answer 1

这可能是跨脚本问题。

在你的 addOnClick 函数中，你可以做这样的事情

$("input[serverId='ibtnDeleteImage']").click(function() { 
    // perform delete logic here
}).removeAttr("disabled");