2015-10-18 54 views
1
$(document).on("click", "#button1", function (event) { 
    $("#container").load("page1.php"); 
} 

$(document).on("click", "#button2", function (event) { 
    $("#container").load("page2.php"); 
} 

大家好! 我的问题是加载多个然后按钮操作。这是怎么回事? 当我点击button1page1.php加载是没有问题的,但没有刷新当我点击button2page2.php装载两次,当我再次单击它加载3次的网页...javascript button重复动作在其他按钮

我想加载只有一个时间。我从检查元素 event.preventDefault();不解决这个问题,检查...

+1

'page2.php'包含相同的代码...? –

+0

如果所有这些页面包含相同的代码,它们将继续执行相同的代码。生成越来越多的事件监听器 – Jesse

+0

可能,您将不止一次绑定事件。 –

回答

0
$(document).off('click').on("click", "#button1", function (event) { 
    $("#container").load("page1.php"); 
} 

$(document).off('click').on("click", "#button2", function (event) { 
    $("#container").load("page2.php"); 
} 
+0

不要鼓励OP多次绑定事件。他也会按照同样的方式(未绑定和绑定事件)编码未来的代码。 –

+0

或者可能使用页面片段:'$(“#container”)。load(“page1.php body”);'如果脚本在头部定义。但如果你想解除绑定点击事件,至少命名空间它 –

+0

我添加('点击')之前('点击')它的工作感谢您的帮助。 – Intorka

0
  $(document).on("click", "#button1", function (event) { 
      $("#container").load("page1.php"); 
      }); 

      $(document).on("click", "#button2", function (event) { 
      $("#container").load("page2.php"); 
      }); 

你的标签正确关闭? 最后一个花括号需要有一个闭合bracker,然后是分号。