当前位置：首页 → 问答吧 → 问个JQ自动点击的问题

问个JQ自动点击的问题

时间：2013-05-18

来源：互联网

本帖最后由 jianjiandandan 于 2013-5-18 11:49 编辑

<script type="text/javascript" src="/js/hot.js"></script>
hot.js内容:
function checkstaion(){
      var str = '<ul><li><a class="lineStation hover" rel="哈哈">哈哈</a></li></ul>';
      $('#linemap8 #dtzd ul').remove();//先清空原先的
      $('#linemap8 #dtzd').append(str);//追加新内容
}
<a id="HarDest">更多</a>
点击代码
$(document).ready(function(){
var obj = document.getElementById("HarDest");
obj.click();
});
当我手工去点击的话一切都正常!!!!!!!!
当我把改变成<a id="HarDest" href="百度网址" >更多</a>
还是用
$(document).ready(function(){
var obj = document.getElementById("HarDest");
obj.click();
});
去点击,发现能自动跳到百度页
问题:自动点击的时候,$('#linemap8 #dtzd ul').remove();//先清空原先的
      $('#linemap8 #dtzd').append(str);//追加新内容。。。。。。。。。。。。。。。这里不知道为什么是没有执行,新内容追加不成功,当我手工的时候,一切正常

作者: jianjiandandan 发布时间: 2013-05-18

$(document).ready(function(){
var obj = document.getElementById("HarDest");
obj.click();
});

你能告诉我，这行执行后是啥效果？

a标签加了href 属性，这里要在click事件里加入 return false; 这样才不会跳转到 url

作者: haowei4032 发布时间: 2013-05-18

本帖最后由 jianjiandandan 于 2013-5-18 12:51 编辑

haowei4032 发表于 2013-5-18 12:30
$(document).ready(function(){
var obj = document.getElementById("HarDest");
obj.click();

$(document).ready(function(){
   var obj = document.getElementById("HarDest");
   obj.click();
});//这里我是想让它去执行
function checkstaion(){
      var str = '<ul><li><a class="lineStation hover" rel="哈哈">哈哈</a></li></ul>';
      $('#linemap8 #dtzd ul').remove();//先清空原先的
      $('#linemap8 #dtzd').append(str);//追加新内容
}
、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、、
a标签加了href 属性，这里要在click事件里加入 return false; 这样才不会跳转到 url//这个只是我的列子,说明obj.click();执行了,但是使用那个JS函数却没执行成功,所以求助

作者: jianjiandandan 发布时间: 2013-05-18

what do you mean

作者: daybyday 发布时间: 2013-05-18

jianjiandandan 发表于 2013-5-18 12:50
$(document).ready(function(){
var obj = document.getElementById("HarDest");
obj.click();

试试这个吧

$(document).ready(function(e) {
        var obj = document.getElementById("HarDest");
        obj.onclick = function() {
                checkstaion();  
        }
});

function checkstaion(){
        var str = '<ul><li><a class="lineStation hover" rel="哈哈">哈哈</a></li></ul>';
        $('#linemap8 #dtzd ul').remove();//先清空原先的
        $('#linemap8 #dtzd').append(str);//追加新内容
}

作者: haowei4032 发布时间: 2013-05-18

haowei4032 发表于 2013-5-18 22:07
试试这个吧
[mw_shl_code=javascript,true]$(document).ready(function(e) {
var obj = document.getEle ...

obj.onclick = function() {
checkstaion(); //这里我改成alert('xx') 都不执行的,
}
谢谢你了哦

作者: jianjiandandan 发布时间: 2013-05-19

haowei4032 发表于 2013-5-18 22:07
试试这个吧
[mw_shl_code=javascript,true]$(document).ready(function(e) {
var obj = document.getEle ...

obj.onclick = function() {
checkstaion(); //这里我改成alert('xx') 都不执行的,
}
谢谢你了哦

作者: jianjiandandan 发布时间: 2013-05-19

jianjiandandan 发表于 2013-5-19 08:56
obj.onclick = function() {
checkstaion(); //这里我改成alert('xx') 都不执行的,
}

+我QQ 我给你弄 937329369

作者: haowei4032 发布时间: 2013-05-19

JQuery的写法：

$(dom).trigger('click')

作者: cevin.zyc 发布时间: 2013-05-20