单击Asp按钮

时间:2016-07-11 03:51:42

标签: javascript html asp.net

非常第一次页面加载的东西工作正常。当我点击asp按钮时,事情也正常。我使用按钮点击使用

调用javascript函数
Page.ClientScript.RegisterStartupScript(GetType(), "hello", "addBadge('notification', 23)", true);

这个javascript函数在我的导航栏中添加了一个元素。但问题出现在这里,当我再次点击该按钮时,添加的元素被删除并自动再次添加,即。按钮单击会被触发两次。我试过用 AutoEventWireUp = false 所有这些都发生在母版页的内容页面中。 请帮忙。谢谢。



function createBadge(k) {
    var v = document.createElement("span");
    var t = document.createTextNode(k);
    v.appendChild(t);
    v.className = "badge";
    return v

;
}
function addBadge(p, k) {
    el = document.getElementsByClassName(p)[0];
    if (!el.querySelector(".badge")) {
        el.appendChild(createBadge(k));
    }
    else {
        el.removeChild(el.getElementsByClassName("badge")[0]);
    }
}




    

    <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click"></asp:Button>
</div>

1 个答案:

答案 0 :(得分:0)

如果有帮助,请尝试此操作

function addBadge(p, k) {
el = document.getElementsByClassName(p)[0];
if (!el.querySelector(".badge")) {
    el.appendChild(createBadge(k));
}
else {
   // el.removeChild(el.getElementsByClassName("badge")[0]);
}
}

我刚删除了从页面中移除徽章的代码行