Question

这里我使用div和jquery创建导航菜单。我在这里尝试了一些东西，但没有得到我想要的结果。当我点击一个链接时，你可以看到这两个滚动条（x＆amp; y）会出现（我不想要），而且我没有正确获得jquery爆炸效果。它从左侧滑动。如何正确实现jquery爆炸效果？我为jquery爆炸效果做了非常冗长的代码是正确的吗？

You can see my codes in JSFIDDLE. I tried this. But didn't get the result what exactly I want.

 $(document).ready(function() {

      $("#showhome").click(function(){
         $("#firstdiv").show( "explode", 
                     {pieces: 8 }, 600 );
      });
      $("#showhome").on('click', function() {
                      $("#seconddiv, #thirddiv, #fourthdiv, #fifthdiv, #sixthdiv").hide();
                });
});

这是我用于jquery爆炸效果的代码。你可以在jsfiddle中看到剩余的jquery，html，css代码..

Answer 1

你有两个功能做同样的事情。

$("#showhome").click();

和

$("#showhome").on('click', handler);

.click()只是.on('click', handler)的快捷方式。

http://api.jquery.com/click/

您可以像这样添加它们：

$("#showhome").click(function () {
    $("#firstdiv").show("explode", {
        pieces: 8
    }, 600);
    $("#seconddiv, #thirddiv, #fourthdiv, #fifthdiv, #sixthdiv").hide();
});

Answer 2

你必须使用这样的切换：

    $(document).ready(function() {

      $("#showhome").click(function(){
         $("#firstdiv").toggle( "explode", 
                     {pieces: 8 }, 600 );
      });
   });

jquery爆炸效果不正常

2 个答案: