为什么这个点击处理程序fadeToggle代码不能工作?


Why isn't this click handler fadeToggle code working?

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

我的脚本代码是-

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

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

谢谢,

UPDATE -

这是其中一个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>

JB

在元素选择器中:

  • 您将$pNumber作为tid的一部分用于点击事件
  • 您将$pNumber作为b class 的一部分纳入fadeToggle

要解决这个问题,请执行以下操作之一:

  • #t选择器上添加一个点,使其基于class
  • 进行选择
  • #b选择器中删除点,使其基于id进行选择

在删除.:

之前,请查看此提琴。
$("#t1").click(function() {
    $("#b.1").fadeToggle("slow", "linear");
});

看到这个固定的小提琴:

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