Question

您好，在我的html文档中，我调用了一个jQuery函数。 jQuery调用的功能是切换标题滑块。

这是jQuery调用的完整链接：

<img src="http://www.wpinsite.com/wp-content/themes/wpinsite/gfx/down.png" onclick="jQuery('#wpqn_down').slideUp(function(){jQuery('#wpqn').slideDown();});" alt="" />

我想要做的还是添加另一个jQuery调用，但我不确定要使用部分代码来实现它。这是我要添加到上述点击事件的代码。

$("body").animate({marginTop: "40px"}, 500 );

所以简而言之，我想在每次点击或切换时发生两次。在第一次点击时，我希望点击事件切换或隐藏标题栏，并且还要收缩“body”margin-top -40px，在第二次点击时我希望它显示标题栏并展开“身体“margin-top by 40px;

您可以访问我的网站http://www.wpinsite.com，查看我想要实现的目标示例在页面顶部，您将看到一个黄色标题栏。在页面加载中，我有一个jQuery，将body标签扩展40px。当您单击切换箭头时，它会隐藏标题栏，但它不会通过-40px与margin-top联系。

我希望这是有道理的。任何帮助将不胜感激。

Answer 1

在您的img标记中添加ID或类，如下所示：

<img class="downButton" src="http://www.wpinsite.com/wp-content/themes/wpinsite/gfx/down.png" alt="" />

然后在jQuery中执行类似的操作：

jQuery('img.downButton').click(function(){
  jQuery('#wpqn_down').slideUp(function(){
    jQuery('#wpqn').slideDown();
  });
  $("body").animate({marginTop: "40px"}, 500 );
});

如何向jquery函数调用onclick事件添加多个事件

1 个答案: