2011-12-15 39 views
0

我想在div元素,但由于某种原因,每次我预览我的脚本代码,它只是显示它并没有运行为什么不是这个点击处理程序的fadeToggle代码工作?

我的脚本代码的时间褪色是 -

<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> 

JB

+0

你可以做的精简样本你的HTML,并将其添加到问题?如果没有它,很难回答这个问题。 – 2011-12-15 02:43:03

回答

2

在你的元素选择:

  • You'r Ë包括$pNumber作为t的一部分的id click事件
  • 你包括$pNumberb的一部分的classfadeToggle

为了解决这个问题,做一个这些:

  • 添加点到#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"); 
}); 
相关问题