Javascript 第一次执行后脚本执行被阻止

在“我的项目”的仪表板中，以下代码处理超链接中的所有单击：

$('document').ready(function(){
    $('#box').draggable();
    $('#box').hide();

    $('#button').click(function(){
        $('#box').hide();
        $('a').unbind();
    });

    $('a').click(function(e){
        if($(this).attr('href') != 'logout.html') {
            e.preventDefault();
            $.get($(this).attr('href'), function(data){
                var $temp  = $('<div/>', {html:data});
                $('#title').text($temp.find('title').text());
                $('#text').html($temp.remove('head').html());
                $('#box').show();
            });
        }
    });
});

$（'document'）.ready（函数（）{
$（'#box'）.draggable（）；
$（“#框”）.hide（）；
$（“#按钮”）。单击（函数（）{
$（“#框”）.hide（）；
$（'a'）.unbind（）；
});
$（'a'）。单击（函数（e）{
if（$（this.attr（'href'）！=“logout.html”）{
e、 预防默认值（）；
$.get（$（this.attr（'href'），函数（数据）{
var$temp=$（''，{html:data}）；
$（'#title'）.text（$temp.find（'title'）.text（））；
$（'#text'）.html（$temp.remove（'head'）.html（））；
$（“#框”）.show（）；
});
}
});
});

页面内容在此

中打开：

X

我的问题是：在我通过点击“按钮”来“关闭”

之后，我无法再访问其他选项，因为所有选项都被阻止。当我刷新页面时，所有内容都返回工作状态

---

有人知道如何解决这个问题吗？

好的，经过多次试用后，我终于找到了问题：我在

中打开的页面上碰巧包含了一些脚本。当我删除此脚本时，父窗口中的行为将恢复正常。可能这两个脚本之间发生了某种类型的冲突。

请制作一个JSFIDLE来显示它，我已经厌倦了自己制作它们。阻止了哪些选项？您应该显示所有html。但是如果我有5美元可以下注，我敢打赌你所有的

div

都有

id=“box”

。你提到的a href在哪里？代码看起来是正确的，你点击按钮它就会消失。你想要它回来，你希望它会带着魔法仙女精灵尘埃回来吗？@ChrisRockwell如果所有的div都有id=“box”，id选择器将只选择具有所述id的第一个元素

<div id="box">
    <div id="header"> <span id="title"></span> <span id="button">X</span> </div>
    <div id="text"> </div>
</div>