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 マークアップを調整しています。
問題は、マークアップの変更が ajax されたコンテンツに適用されないことです。
期待どおりに動作しない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;
考え?