我的网站上有一些小部件,当您单击标题时,其块中的内容会刷新。它也可以工作,但点击功能只激活一次。触发后,它被禁用,只允许刷新一次。我需要取消一次性限制。这是下面的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>
::ANSWER:: 这对我有用。
<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>