jquery hover AJAX处理

答案:3 悬赏:70 手机版

解决时间 2021-02-28 09:24

提问者网友：温柔港
2021-02-28 03:08

<a id="test">a</a><div id=test1></div>
<a id="test">b</a><div id=test2></div>
<a id="test">c</a><div id=test3></div>
...
以上实在循环体内的

要的效果是鼠标分别放在 a b c上就展示后面 <div id=test1> <div id=test2> <div id=test3>的内容
移出要取消
在加载数据的时候出现loading...

最佳答案

五星知识达人网友：山君与见山
2021-02-28 03:34

代码如下，注意id值是不能重复的：
<a class="myclass"><div></div>
<a class="myclass"><div></div>
<a class="myclass"><div></div>$('.myclass').click(function() {
    var div = $(this).next();
    div.text('loading...');
    div.load("..."); // ...替换为你的地址
});

望采纳，谢谢支持！

全部回答

1楼网友：山河有幸埋战骨
2021-02-28 05:19

$('a#test').hover(function() { $(this).next().text('loading...'); $(this).next().load('url'); },function(){ $(this).next().text(''); });

2楼网友：英雄的欲望
2021-02-28 05:02

css不能更换class，jquery是没问题，不过要看你使用什么版本了，jquery2.0就不支持ie的低版本了。还有可以看下是不是jquery的路径没有写正确，直接打开的跟在服务器环境下有些区别的。 $(function(){ $('a').hover(function(){ $(this).addclass('mued'); },function(){ $(this).removeclass('mued'); }); });

我要举报

如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！

点此我要举报以上问答信息