我试图改变div中的图像,如果用户点击任何跨度,如果div已经包含roz变量(来自索引页面),然后通过点击跨度,img roz不应该被适用但它不起作用.
我不确定jQuery中IF语句的第一部分是否正确
这是HTML部分
<div class="iconWrapper">
<ul class="color">
<li><a href="#" title="Selecteer"><span class="color1"></span></a> </li>
<li><a href="#" title="Selecteer "><span class="color2" ></span></a></li>
<li><a href="#" title="Selecteer"><span class="color3"></span></a> </l>
<li><a href="#" title="Selecteer"><span class="color4"></span></a></li>
</ul> </div>
<div id="div1" > <?php if(isset($_SESSION['img'])){
echo '<img src="' . $_SESSION['img'] . '" >' ; }
?>
<form method="post" action="weekDays.php">
<input name="kleur" type="text" value="" id="hiddencolor" />
<input name="submit" type="submit" value="Submit" />
</form> </div>
Run Code Online (Sandbox Code Playgroud)
jQuery的:
$(function(){
var roz='../../photo/roz1.jpg';
$('.iconWrapper span').click(function(e){
var kleur=$(this).attr('class');
if($('#div1').attr('src' == roz)){
$('#div1' ).children('img').remove() ;
$('#div1'). append('<img src="img/300.jpg" />');
}else{
$('#div1').children('img').remove();
$('#div1').append('<img src="img/106.jpg" />');
}
e.preventDefault();
alert( $('#div1').html() );
});
Run Code Online (Sandbox Code Playgroud)
});
if($('#div1').attr('src' == roz))
Run Code Online (Sandbox Code Playgroud)
应该
if($('#div1').attr('src') == roz)
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
126 次 |
| 最近记录: |