我怎样才能阻止追加孩子制造子孙女?

时间:2013-07-17 06:48:05

标签: javascript jquery html

当你点击按钮时,我有一个包含按钮的按钮消失并显示跨度并显示此文本“等待...” 我用appendchild做这个,所以我为它写一个代码来停止追加新的孩子,脚本很好并且工作但是其他事情发生了...... 当我点击按钮它消失并且文本出现但LogIn不会再发生了。 这是代码:

    <script type="text/javascript">
        function enterSystem() {
            document.getElementById("btnLogin").style.display = 'none';
            var span = document.getElementById('brain13');
            while ( span.firstChild ) {
               span.removeChild(span.firstChild);
            }
            span.appendChild( document.createTextNode("Wait...") );    
        }
    </script>

HTML SIDE:

<span id="brain13" onclick="enterSystem();">
   <asp:Button ID="btnLogin" runat="server" OnClick="btnLogin_click" />
</span>

问题是onclick为按钮“btnLogin_click”停止工作。 谢谢你的任何建议。

2 个答案:

答案 0 :(得分:0)

您的代码块在文档加载时起作用,即第一次加载页面时,您应该在函数中编写该函数并在需要删除子项的任何地方调用该函数

答案 1 :(得分:0)

我认为跨度首先获得点击事件,并且鉴于您的登录按钮位于其中,他会在他处理之前被删除。尝试将登录按钮放在范围之外。

此外,在jQuery被标记时,我假设我们可以用这样的东西做一些逻辑抽象:

$('#brain13').click(function(){
    $('#btnLogin').hide();
    $(this).html('<p>Waiting...</p>');
});

请参见此工作FIDDLE