php - 为什么此点击处理程序 fadeToggle 代码不起作用？

Question

我正在尝试淡入 div 元素，但由于某种原因，每次我预览脚本代码时，它只是显示它而不运行它

我的脚本代码是 -

 <script>
$("#t<?php echo $pNumber ?>").click(function() {
$("#b.<?php echo $pNumber ?>").fadeToggle("slow", "linear");
});
</script>

PHP 变量用于更改 div id，这会导致问题吗？

谢谢

更新 -

示例 html，这是针对其中一个 div 的(id 递增)

  <div id="t1">Carl Froch 'fitter than ever' for Andre Ward Showtime Super Six       fight</div>
  <div id="b1"><p>Carl Froch gives Andre Ward seven years but no encouragement to      believe their fight  on Saturday night is a war of the ages.</p><p>The 34-year-old WBC    champion from Nottingham rarely strays far from the 12-stone limit of his division and is     hard o...<p><a href=http://www.guardian.co.uk/sport/2011/dec/14/carl-froch-andre-  ward-showtime-super-six>Click here for full article</a></p>   </div  <script>
  $("#t1").click(function() {
  $("#b1").fadeToggle("slow", "linear");
  });
 </script>

新山

Answer 1

在元素选择器中:

• 您将 $pNumber 作为点击事件的 t 的 id 的一部分
• 您将 $pNumber 作为 b 的 class 的一部分包含在 >淡出切换

要解决此问题，请执行以下操作之一:

• 向#t选择器添加一个点，使其基于class进行选择
• 删除#b选择器中的点，使其根据id进行选择

参见this fiddle before removing the . :

$("#t1").click(function() {
    $("#b.1").fadeToggle("slow", "linear");
});

参见this fixed fiddle :

$("#t1").click(function() {
    $("#b1").fadeToggle("slow", "linear");
});