$(p1).hide( );
$(p2).hide( );
直接写在function函数中就行了,.click那个函数去掉,var button = ...那句也不需要的
第一次点击,只是让button定义了这个匿名方法
第二次点击,才执行它
你可以在最后加上一行
button.click();
改成这个就可以了
function clickAndHide(){
var p1=$("#p1");
var p2=$("#p2");
// var button = $("#button"); 你已经通过onclick绑定了,不需要重复绑定了.
$(p1).hide();
$(p2).hide();
}
楼主要的是点击事件点两次才可以的原因是你调了两次点击事件。第一次页面的onclick,第二次,你绑定的click事件。所以才会出现这样的情况。
解决办法1:把函数里面的click事件去掉只保留下面这四行
var p1=$("#p1");
var p2=$("#p2");
$(p1).hide( );
$(p2).hide( );
解决办法2:将页面的onclick方法去掉,直接把你现在写的函数放进$(function(){})里面去。
$(function(){
clickAndHide();
})