javascript - Javascript 拖放脚本

Question

好的，所以我有两个问题。看看我的拖放脚本：http ://bouncygames.org/smell.php 。首先，当我点击我制作的可拖动窗口上的X按钮时，我需要点击它两次，第一次点击它，一切都搞砸了，然后我必须再次点击它，一切都消失了。 我如何做到这一点，所以我只能单击 X 一个，以使窗口 div 消失 此外，我希望它只有在拖动 TITLE 位置时才会拖动，而不是 div 的主要部分。我怎样才能做到这一点，以便我可以控制只有标题的窗口？ 谢谢。

Answer 1

或更好

function setVisibility(id) {


 document.getElementById(id).style.display = 'none';

    //What is the rest here?
    if(document.getElementById('aid').value=='Hide Layer'){
    document.getElementById('aid').value = 'Show Layer';
    document.getElementById(id).style.display = 'none';
    }else{
    document.getElementById('aid').value = 'Hide Layer';
    document.getElementById(id).style.display = 'inline';
    }
} 

Answer 2

我为您创建了一个示例，其中：

• 仅使用标题栏拖动对话框。
• 关闭按钮关闭对话框。

我知道这不是处理您的代码的答案，我正在使用 jQuery 和 jQueryUI（可拖动模块），但我认为使用这种方法会更好，因为可拖动问题由 jQueryUI 等经过测试的库很好地控制。

故事看看：http: //jsfiddle.net/davidbuzatto/s9T4b/