Question

我在点击时出现气泡显示有问题。显示或 fadeIn会做的。这是我的脚本和HTML。

     $("button").click(function(){
     $("#oval").show();
      });
     <div id ="oval">
     <p><em>"Hello, my name is Ahmoo. I'm having some kittens soon. 
        Would you like  one?</em>   </p></div>
     <button>Click</button>

Answer 1

将display:none添加到仅使用display:none的DIV.Jquery节目

<div id="oval" style='display:none'>
    <p><em>"Hello, my name is Ahmoo. I'm having some kittens soon. 
        Would you like  one?</em> 
    </p>
</div>
<button>Click</button>



$(document).ready(function(){

$("button").click(function () {
    $("#oval").show();
});


});

WORKING DEMO

Answer 2

您的代码看起来不错。

确保在准备好文档后调用您的代码。

$( document ).ready(function(){
    $("button").click(function(){
       $("#oval").show();
    });
});

如果这样做无效，请确保您的div 可以完全可见。

如何使用单击功能显示元素

2 个答案: