jquery .load 之后 javascript 不起作用

Question

我有一个 default.aspx 页面，其中包含以下元素:

1. ListView
2. Div ID = subview
3. 两个复制按钮

当用户单击这些按钮中的任何一个时，我想复制一些文本并使单击的按钮禁用。

我就是这么做的。复制功能正常工作，并且禁用样式在两个按钮上也正常工作。

ListView 的每一行都有一个链接。如果用户单击该链接，我想使用 jquery .load 函数加载另一个页面 subview.aspx 并将结果放入 div ID = subview

$('#subView').load('SubView.aspx?');

subview 页面还包含两个复制按钮。这些按钮可以复制正确的文本，但是，当用户单击其中任何一个按钮时，它们都不会被禁用。

我的代码

我在 default.aspx 的顶部添加了 zeroclipboard.js。这是 default.aspx 中的两个按钮:

   <button type="button" id="Button1" class="copyToBtn" type="button" data-clipboard-text="<%#Eval("Telephone")%>" title="Copy Phone">Copy Phone Number</button>
   <button type="button" id="Button3" class="copyToBtn" data-clipboard-text="<%#Eval("Surname")%>" title="Copy Surname">Copy Surname</button>
   <script type="text/javascript" src="zero/jjjj.js"></script> 

这是 subview.aspx 中的两个按钮

<button type="button" id="Button1" class="copyToBtn" type="button" data-clipboard-text="<%#Eval("Telephone")%>"title="Copy Phone">Copy Phone Number</button>
<button type="button" id="Button3" class="copyToBtn" data-clipboard-text="<%#Eval("Surname")%>" title="Copy Surname">Copy Surname</button>
<script type="text/javascript" src="zero/jjjj.js"></script>

这是jjjj.js

var client = new ZeroClipboard(document.getElementById("Button1"), {
moviePath: "/zero/ZeroClipboard.swf"
});

client.on("load", function (client) {

client.on("complete", function (client, args) {

    $('.copyToBtn').each(function () {
        $(this).removeAttr('disabled').removeClass('ui-state-disabled');
    });

    if (this.id == "Button1") {
        $("#Button1").attr("disabled", "disabled");
    }
    else if (this.id == "Button3") {
        $("#Button3").attr("disabled", "disabled");
    }
    alert(this.id);
});
});

var client3 = new ZeroClipboard(document.getElementById("Button3"), {
moviePath: "/zero/ZeroClipboard.swf"
});

client3.on("load", function (client3) {

client3.on("complete", function (client3, args) {

    $('.copyToBtn').each(function () {
        $(this).removeAttr('disabled').removeClass('ui-state-disabled');
    });

    if (this.id == "Button1") {
        $("#Button1").attr("disabled", "disabled");
    }
    else if (this.id == "Button3") {
        $("#Button3").attr("disabled", "disabled");
    }
    alert(this.id);
});
});

请注意该警报仅适用于default.aspx，而不是subview.aspx 认为复制功能在 subview 和默认情况下完全正常工作。 .aspx。

请帮忙

Answer 1

我最好的猜测是问题在于主页中的按钮与 subview 中的按钮具有相同的 id。 JavaScript 不知道要禁用哪个#Button1，旧的还是新的。 js 还有很多其他问题。