Question

下面我有一个图像按钮：

<table id="question">
<tr>
<td colspan="2">
<a onclick="return plusbutton();">
<img src="Images/plussign.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage" id="mainPlusbutton" name="plusbuttonrow"/>
</a>
<span id="plussignmsg">(Click Plus Sign to look up Previous Questions)</span>
</td>
</tr>
</table>

现在我要做的是使用jquery我想要隐藏当前图像Images/plussign.jpg并替换为下面if语句中的另一个图像Images/plussigndisabled.jpg：

if (qnum == <?php echo (int)$_SESSION['textQuestion']; ?>) {

}

然后在文档就绪函数中，我希望它用Images/plussigndisabled.jpg替换Images/plussign.jpg

我想知道在jquery中实现这个目标的最佳方法是什么？

更新：

以下是我的尝试：

var x = "<img src='Images/plussigndisabled.jpg' width='30' height='30' alt='Look Up Previous Question' class='plusimage' name='plusbuttonrow'/><span id='plussignmsg'>(Click Plus Sign to look <br/> up Previous Questions)</span>" ;

    if (qnum == <?php echo (int)$_SESSION['textQuestion']; ?>) {


     $('#plus th').html($(x)); 

        $("#showGridId").unbind('click').click(function (event) {
        event.preventDefault();
        return false;
    }).css('color', '#BBBBBB');
}

由于

Answer 1

在PHP中完成所有工作：

$imgsrc = "Images/plussign.jpg";
if (qnum == $_SESSION['textQuestion']) {
   $imgsrc = "Images/plussigndisabled.jpg";
}

然后输出图像：

<img src="<?php echo $imgsrc ?>"

您无法在JavaScript中访问PHP变量，也无法在PHP中访问JavaScript变量......如果您在第一个实例中将变量存储在会话中，我看不到强制转换的意义！

更新

不确定你为什么这样做......但尝试类似的事情：

var x = "<img src='Images/plussigndisabled.jpg' width='30' height='30' alt='Look Up Previous Question' class='plusimage' name='plusbuttonrow'/><span id='plussignmsg'>(Click Plus Sign to look <br/> up Previous Questions)</span>";

if (qnum == <?php echo (int)$_SESSION['textQuestion']; ?>) {

   $('#plus th').html(x); // no need to create a jQuery object

   $("#showGridId").unbind('click').click(function (event) {
       event.preventDefault();
       return false;
    }).css('color', '#BBBBBB');
}

在jquery中替换图像按钮的最佳方法

1 个答案:

更新