                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

目标功能：当鼠标移上去button可用移开不可用，为什么就是不行？？

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
          $(function () {
                $('button').hover(
                function () {
                    $(this).removeAttr("disabled");
                },
                function () {
                    $(this).attr("disabled","true")
                })
            });
</script>
</head>
<body>
<p>This is a paragraph.</p>
<button>请点击这里</button>
</body>
</html>

目标功能：当鼠标移上去button可用移开不可用，

为什么就是不行？？

sololdw

2015-08-09

源自：jQuery基础课程 6-3

关注问题我要回答

756

操作

收起

4 回答

慕码人3910529
2015-10-11

同疑问

0 回复有任何疑惑可以回复我~

收起回答

leavemealone
2015-10-11

<html>

<head>

</head>

<body>

<p>This is a paragraph.</p>

<button id="myself">请点击这里</button>

<button id="hello">点我</button>//点此处可改变上一个button的状态

$("#hello").hover(

function () {

console.log("tag");

$("#myself").removeAttr("disabled");

function () {

$("#myself").attr("disabled",true);

console.log("tag1");

});

</script>

</body>

</html>

这1楼代码,你再试试,到底要不要的,o_O!我试了,是可以的.

0 回复有任何疑惑可以回复我~

收起回答

慕码人3910529

为啥要设置两个按钮呢？不能在同一个按钮上作用吗

2015-10-11 回复有任何疑惑可以回复我~

ZS星闪
2015-08-25

这个代码可以做到你说的效果：

<html>

<head>

<style>

#hello{display: inline-block;}

</style>

</head>

<body>

<p>This is a paragraph.</p>

<div id="hello"><button id="myself">请点击这里</button></div>

$("#hello").hover(

function () {

console.log("tag");

$("#myself").removeAttr("disabled");

function () {

$("#myself").attr("disabled",true);

console.log("tag1");

});

</script>

</body>

</html>

这里的console.log("tag");和console.log("tag1");是日志文件无作用。

0 回复有任何疑惑可以回复我~

收起回答

sololdw 提问者

这个还是不行，。。

2015-08-28 回复有任何疑惑可以回复我~

ZS星闪
2015-08-25

应该是当鼠标移开后button处于不可用状态此时 $('button').hover()函数调用不成，故出现只能完成一次状态变化任务，你可以试试这个代码：

<html>

<head>

</head>

<body>

<p>This is a paragraph.</p>

<button id="myself">请点击这里</button>

<button id="hello">点我</button>//点此处可改变上一个button的状态

$("#hello").hover(

function () {

console.log("tag");

$("#myself").removeAttr("disabled");

function () {

$("#myself").attr("disabled",true);

console.log("tag1");

});

</script>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

sololdw 提问者

另一个控制的话当然是可以的

2015-08-28 回复有任何疑惑可以回复我~

0/150

提交

取消

jQuery基础课程

参与学习 154768 人
解答问题 7184 个

加入课程学习，有效提高前端开发速度

进入课程

目标功能：当鼠标移上去button可用移开不可用，为什么就是不行？？

我要回答关注问题

热搜

最近搜索清空

目标功能：当鼠标移上去button可用 移开不可用，为什么就是不行？？

4 回答

目标功能：当鼠标移上去button可用 移开不可用，为什么就是不行？？

目标功能：当鼠标移上去button可用移开不可用，为什么就是不行？？

目标功能：当鼠标移上去button可用移开不可用，为什么就是不行？？