发新贴  快速回复

jq 2.0 图片点击切换问题

  妙味用户757177
2018-07-04 10:32

低版本jq 图片正常切换 如下:

 

<!DOCTYPE html>

<html lang="zh">

<head>

<meta charset="UTF-8" />

<script src="http://4g.yjnanke.com/templets/default/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>

<!--<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>-->

<title>Document</title>

</head>

<body>

 <img src="http://att.miaov.com/pic/000/022/05"/>

<script type="text/javascript">

$('img').toggle(

function () {

$(this).attr('src','https://att.miaov.com/pic/000/027/47')

},

function () {

$(this).attr('src','http://att.miaov.com/pic/000/022/05')

}

);

</script>

</body>

</html>

 

如果改成2.0以上的版本就不行了 1.9以上就把这个方法删除了  第六行注释的代码就是2.0版本的jq  应该怎么改写呢?

 

jq应该提供了其他方法 但是我不知道

 
妙味用户757177

不要用原生的哦  我记得有人说 给click绑定toggle事件什么的

2018-07-04 10:33  回复本帖
 
妙味用户757177

不用什么插件 用jq提供的方法怎么实现呢   简单点的

2018-07-05 07:56  回复本帖
 
朋巧
$(document).click(function(){
$('img').toggle(
function () {
$(this).attr('src','https://att.miaov.com/pic/000/027/47')
},
function () {
$(this).attr('src','http://att.miaov.com/pic/000/022/05')
}
);
})
3.1.1版本实测,你把点击document换成别的元素就OK
2018-07-05 18:04  回复本帖
 
妙味用户757177

朋巧 2018-07-05 18:04发表的内容:

$(document).click(function(){
$('img').toggle(
function () {
$(this).attr('src','https://att.miaov.com/pic/000/027/47')
},
function () {
$(this).attr('src','http://att.miaov.com/pic/000/022/05')
}
);
})
3.1.1版本实测,你把点击document换成别的元素就OK
<!DOCTYPE html>

<html lang="zh">

<head>

<meta charset="UTF-8" />



<title>Document</title>
<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
<div class="box">
<img src="http://fk.yjrlyy.com/templets/default/images/sbhd-banner2.jpg"/></div>

<script type="text/javascript">
$('.box').click(function(){

$('img').toggle(

function () {

$(this).attr('src','https://att.miaov.com/pic/000/027/47')

},

function () {

$(this).attr('src','http://att.miaov.com/pic/000/022/05')

}

);

})



</script>

</body>

</html>



试过了 不行呀
2018-07-05 20:26  回复本帖
 
妙味用户757177

朋巧 2018-07-05 18:04发表的内容:

$(document).click(function(){
$('img').toggle(
function () {
$(this).attr('src','https://att.miaov.com/pic/000/027/47')
},
function () {
$(this).attr('src','http://att.miaov.com/pic/000/022/05')
}
);
})
3.1.1版本实测,你把点击document换成别的元素就OK
<!DOCTYPE html>

<html lang="zh">

<head>

<meta charset="UTF-8" />



<title>Document</title>
<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
<div class="box">
<img src="http://fk.yjrlyy.com/templets/default/images/sbhd-banner2.jpg"/></div>

<script type="text/javascript">
$('.box').click(function(){

$('img').toggle(

function () {

$(this).attr('src','https://att.miaov.com/pic/000/027/47')

},

function () {

$(this).attr('src','http://att.miaov.com/pic/000/022/05')

}

);

})



</script>

</body>

</html>



试过了 不行呀
2018-07-05 20:26  回复本帖
 
妙味用户757177

朋巧 2018-07-05 18:04发表的内容:

$(document).click(function(){
$('img').toggle(
function () {
$(this).attr('src','https://att.miaov.com/pic/000/027/47')
},
function () {
$(this).attr('src','http://att.miaov.com/pic/000/022/05')
}
);
})
3.1.1版本实测,你把点击document换成别的元素就OK
<!DOCTYPE html>

<html lang="zh">

<head>

<meta charset="UTF-8" />



<title>Document</title>
<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
<div class="box">
<img src="http://fk.yjrlyy.com/templets/default/images/sbhd-banner2.jpg"/></div>

<script type="text/javascript">
$('.box').click(function(){

$('img').toggle(

function () {

$(this).attr('src','https://att.miaov.com/pic/000/027/47')

},

function () {

$(this).attr('src','http://att.miaov.com/pic/000/022/05')

}

);

})



</script>

</body>

</html>



试过了 不行呀
2018-07-05 20:26  回复本帖
 
朋巧

你把$('.box')换成$(document)再试试,我这边OK的!~

2018-07-09 18:21  回复本帖
 
妙味用户757177

一开始是$(document)  不行 换成$('.box')  也不行 都不行  不知道哪里的问题  /jquery-3.3.1  也是刚刚从官网下的

2018-07-10 08:14  回复本帖
登录 后才可以发表回复