Question

我有一个按钮，我应该在它前面显示一条消息，所以我使用以下jq代码：

 <script type="text/javascript">

 $("#msg").html(data);

 var pos = $("#answer2ticker").offset();
 $("#msg").offset({top: pos.top, left: pos.left});

 $("#msg").show();
 </script>

 <div class="alert alert-danger" id="msg" style="position: absolute;" hidden="hidden" onclick="$(this).hide();"> </div>

问题：消息显示第一次正常，但当我隐藏它并尝试再次显示时，我必须点击显示两次。

所以隐藏是正常的，但显示必须被调用两次。

Answer 1

为什么不使用jQuery切换功能？

$( document ).ready(function() {
 var data = "test";
 $("#msg").html(data);

    $("#answer2ticker").click(function() {
        $('#msg').toggle();
    });  
});

示例：http://jsfiddle.net/acidrat/LbEVL/1/

为什么我必须单击两次才能使用jquery显示Div？

1 个答案: