使用jquery的.on和jQuery.noConflict但仍无法使用AJAX

时间:2013-02-26 21:37:16

标签: jquery ajax twitter-bootstrap

我正在使用jquery来更改我只能部分控制的页面上的标记。

实时网页:http://demo.salsalabs.com/o/50531/p/dia/action3/common/public/?action_KEY=7679

页面加载了jquery 1.3.2(我无法控制这个),我还加载了jquery 1.9.1来使用Twitter的Bootstrap。

在目标网页上输入您的邮政编码,然后点击提交。然后使用一些ajax页面会显示您当地的代表和另一个表格。我正在使用jquery来调整页面上的html标记。

问题是标记更改未应用于内容中的ajaxed。

这是JS没有按预期工作......

$(document).ready(function() {
   $bs("#postalCodeForm input[type=button]").on("click", function() {
      alert("Thanks for submitting a zip");
      $bs("#target-page .actioncontent").addClass("span6");
      $bs("#target-page .targets").addClass("span6");
   });
});

我认为这都与初始“提交”按钮使用onClick处理程序并且我不知道如何使用它的事实有关。

onclick="return submitPostalCode();return false;

思想?

1 个答案:

答案 0 :(得分:1)

你可以这样做摆脱它......

$('#postalCodeForm input[type=button]').attr('onclick', null); 

如果您需要上一个函数调用,可以将其存储在变量中,然后在执行代码后执行它。