我试图在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
作为t
的id
的一部分用于点击事件 - 您将
$pNumber
作为b
class
的一部分纳入fadeToggle
要解决这个问题,请执行以下操作之一:
- 在
#t
选择器上添加一个点,使其基于class
进行选择 - 从
#b
选择器中删除点,使其基于id
进行选择
在删除.
:
$("#t1").click(function() {
$("#b.1").fadeToggle("slow", "linear");
});
看到这个固定的小提琴:
$("#t1").click(function() {
$("#b1").fadeToggle("slow", "linear");
});