私のサイトには、タイトルをクリックするとブロック内のコンテンツが更新されるウィジェットがいくつかあります。それも機能していますが、クリック機能は一度しかアクティブになりません。起動後は無効になり、1 回の更新のみが許可されます。1 回限りの制限を削除する必要があります。以下はJSです。
<script>
$(function(){
$("div#ft1").click(function() {
$("div#blk1").load("http://mediahood.net/widgets/feat/inc/blk-entertainment.php");
});
$("div#ft2").click(function() {
$("div#blk2").load("http://mediahood.net/widgets/feat/inc/blk-technology.php");
});
$("div#ft3").click(function() {
$("div#blk3").load("http://mediahood.net/widgets/feat/inc/blk-music.php");
});
$("div#ft4").click(function() {
$("div#blk4").load("http://mediahood.net/widgets/feat/inc/blk-sports.php");
});
$("div#ft5").click(function() {
$("div#blk5").load("http://mediahood.net/widgets/feat/inc/blk-lifestyle.php");
});
$("div#ft6").click(function() {
$("div#blk6").load("http://mediahood.net/widgets/feat/inc/blk-money.php");
});
});
</script>
::回答::これでうまくいきました。
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
$(function(){
$("div#feat2").on("click", "div#ft1", function() {
$("div#blk1").load("http://mediahood.net/widgets/feat/inc/blk-entertainment.php");
});
$("div#feat2").on("click", "div#ft2", function() {
$("div#blk2").load("http://mediahood.net/widgets/feat/inc/blk-technology.php");
});
$("div#feat2").on("click", "div#ft3", function() {
$("div#blk3").load("http://mediahood.net/widgets/feat/inc/blk-music.php");
});
$("div#feat2").on("click", "div#ft4", function() {
$("div#blk4").load("http://mediahood.net/widgets/feat/inc/blk-sports.php");
});
$("div#feat2").on("click", "div#ft5", function() {
$("div#blk5").load("http://mediahood.net/widgets/feat/inc/blk-lifestyle.php");
});
$("div#feat2").on("click", "div#ft6", function() {
$("div#blk6").load("http://mediahood.net/widgets/feat/inc/blk-money.php");
});
});
</script>