使用jquery编写切换功能显示和隐藏

发布于 2024-10-06 13:35:00 字数 602 浏览 0 评论 0原文

如何在 jquery 中编写我自己的切换函数。

<前> <头> <脚本类型=“text/javascript”src=“jquery-1.3.2.min.js”> <脚本> $(函数(){ $('#dv').bind('点击',function(){ $("#toTgl:hidden").show(); }); $('#dv').trigger('点击'); }); <正文>
切换

>
更改此

两者（显示和隐藏）都会被触发，我

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

稍尽春風 2024-10-13 13:35:00

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

回复收藏 0 原文

穿越时光隧道 2024-10-13 13:35:00

这是我带来的并且运行良好。

    <div id='dv' onclick="alert('test')">Toggle</div>
    <br/>
    <div id='toTgl'>Change This</div>
    <script>
    function toggle(){
        $('#toTgl')[$('#toTgl').is(':hidden')?'show':'hide']();
    }
    function toggleClick(ele){
        $(ele).removeAttr('onclick');
        $(ele).bind('click', function(ev){
            toggle();
        });
    }
    function z(id){ return document.getElementById(id);}
    toggleClick(z('dv'));
    </script>

Here's what I came with and was working fine.

    <div id='dv' onclick="alert('test')">Toggle</div>
    <br/>
    <div id='toTgl'>Change This</div>
    <script>
    function toggle(){
        $('#toTgl')[$('#toTgl').is(':hidden')?'show':'hide']();
    }
    function toggleClick(ele){
        $(ele).removeAttr('onclick');
        $(ele).bind('click', function(ev){
            toggle();
        });
    }
    function z(id){ return document.getElementById(id);}
    toggleClick(z('dv'));
    </script>

回复收藏 0 原文

巾帼英雄 2024-10-13 13:35:00

您添加了两个冲突的点击事件。使用显示和隐藏元素的单个事件处理程序。（并且不要使用已弃用的 center 标记。）

<head>
  <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
  <script type="text/javascript">
    $(function(){
      $('#dv').click(function(){
        $("#toTgl").toggle();
      });
    });
  </script>
  <style type="text/css">
  #dv { text-align: center; }
  #toTgl { text-align: center; }
  </style>
</head>
<body>
  <div id="dv">Toggle</div>
  <br/>
  <div id="toTgl">Change This</div>
</body>

You have added two click events that conflict. Use a single event handler that shows and hides the element. (And don't use the deprecated center tag.)

<head>
  <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
  <script type="text/javascript">
    $(function(){
      $('#dv').click(function(){
        $("#toTgl").toggle();
      });
    });
  </script>
  <style type="text/css">
  #dv { text-align: center; }
  #toTgl { text-align: center; }
  </style>
</head>
<body>
  <div id="dv">Toggle</div>
  <br/>
  <div id="toTgl">Change This</div>
</body>

回复收藏 0 原文

~没有更多了~