Question

我在jquery中编写了一个click功能，如下所示，遇到了一些问题。

$(' #xxx').unbind('click').on('click', function () {
  $('#xxx').removeClass('hide');
  $('#xxx').toggle();
});

并且click事件的div是

<div id="xxx" class="hide"></div>

现在，当我点击此div时，没有任何内容出现。仅在第二次单击时才会发生切换功能。有人可以帮我解决这个问题吗？我需要第一次点击。最重要的是，当页面加载时我不想要隐藏功能，因为我的设计在加载时断开，只有在加载完成时它看起来很好。所以我怎么能实现它呢？

Answer 1

这是你想要做的工作Fiddle ..你的代码没有任何问题，我不知道，但也许你忘了导入你的jquery：

<script src="YOUR_JQUERY_PATH/JQUERY_FILENAME.js"></script>

Answer 2

$(' #xxx').unbind('click').on('click', function () {
  // $('#xxx').removeClass('hide'); // <- remove this line
  $('#xxx').toggle();
});

Answer 3

        <div id="xxx" class="hide">aaaaaaaaa</div>

        <script>

            $(' #xxx').on('click', function () 
            {
                  $('#xxx').removeClass('hide');
                  $('#xxx').toggle();
            });

            //Another method
            $(' #xxx').click(function() 
            {
                  $('#xxx').removeClass('hide');
                  $('#xxx').toggle();
            });
        </script>

Answer 4

我尝试了很多方法。但我仍然想知道这不起作用。但当我修改我的代码时，如

<div id="xxx" style="display:none"></div> 

$(' #xxx').on('click', function () 
{
  $('#xxx').toggle();
});

它就像一个gem.Anyway我得到了输出。但是我以前的代码没有用到混乱。

点击事件不首次工作

4 个答案: