javascript - 需要淡出 div 的帮助

标签 javascript jquery html css

我正在尝试使用提供的 js 函数淡入/淡出有关 div 的类。但是这种方法不起作用我需要一些解决方案来解决这个问题。 您的解决方案将不胜感激。

ASPX 文件:

<body>
 <form id="form1" runat="server" >
 <div>
    <input class="btn1" type="button" value="button" />
    <input class="btn2" type="button" value="button" />

    <div class="about" runat="server" >
        <div class="style2">
            <strong><span class="style3">About</span></strong>
         </div>
         <hr />
         <p class="style2">
            About DIV
         </p>
     </div>
   </div>
</form>

JAVA脚本文件

<script type="text/javascript">
    $(document).ready(function () {
        $(".btn1").click(function () {
            $(".about").fadeOut()
        });
        $(".btn2").click(function () {
            $(".about").fadeIn();
        });
    });
</script>

最佳答案

确保你正在导入 jquery

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

看看这个例子http://jsfiddle.net/3Lbjx249/

关于javascript - 需要淡出 div 的帮助,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33174675/

相关文章:

javascript - RegExp测试方法中的 "g"如何交替工作?

javascript - 如何更改 nvd3 图中图例的宽度

javascript - 目前是否可以在移动设备上使用全屏(自动播放)视频背景?

javascript - 适合窗口高度的图像

javascript - 响应式菜单不起作用(菜单正在关闭)

html - 我的标题保持固定,但我的 body 仍在滚动

html - 居中可缩放图像(用于极其简单的网络)

Razor 页面中的 Javascript 语法错误

javascript - vue js 不会立即触发

javascript - Ajax 调用后页面卡住