请明日科技老师指点:JQUREY中如何在页面启动时就将一个元素绑定另一个元素的事件不用点击就启动
发表在其他语言图书答疑区 2015-03-10
是否精华
版块置顶:
请明日老师指教以下问题;我想不通过点击一打开页面时页面底面就显示底面一系统菜单:

Zepto(function($){
   var $nav = $('.global-nav'), $btnLogo = $('.global-nav__operate-wrap');


   //点击箭头,显示隐藏导航

   $btnLogo.on('click',function(){
     if($btnLogo.parent().hasClass('global-nav--current')){
        navShow();
     }else{
       navShow();
     }
   });


   var navShow = function(){
     $nav.addClass('global-nav--current');
   }
   var navHide = function(){
     $nav.removeClass('global-nav--current');
   }

   
   $(window).on("scroll", function() {
if($nav.hasClass('global-nav--current')){
 navShow();
}
});
})


function get_search_box(){
try{
document.getElementById('get_search_box').click();
}catch(err){
document.getElementById('keywordfoot').focus();
  }
}
</script>
原文是在页面启动后通过点击就显示向右伸开底部菜单。请老师告诉如何修改上面代码形成页面一打开就自动向右伸开显示菜单,也就是不用再点击事件来显示。请明日老师指教。
分享到:
精彩评论 4
小科_mrkj
学分:43 LV2
2015-03-10
沙发
读者朋友:
    您好,您可以试着用jQuery中提供的trigger()方法来模拟用户的操作触发事件的方法试试。
123193779
学分:0 LV1
TA的每日心情
奋斗
2020-03-13 15:32:11
2015-03-13
板凳
小科老师,我试过如下:

1、 $btnLogo.on('click',function(){
     if($btnLogo.parent().hasClass('global-nav--current')){
        navShow();
     }else{
       navShow();
     }
   });

   $btnLogo.trigger('click');

测试效果如旧,

2、 $btnLogo.trigger(function(){
     if($btnLogo.parent().hasClass('global-nav--current')){
        navShow();
     }else{
       navShow();
     }
   });

测试效果菜单没有任何反应,代码停止工作。

3、
123193779
学分:0 LV1
TA的每日心情
奋斗
2020-03-13 15:32:11
2015-03-13
地板
[FIELDSET][LEGEND]引自:2楼[/LEGEND]
小科老师,我试过如下:

1、 $btnLogo.on('click',function(){
     if($btnLogo.parent().hasClass('global-nav--current')){
        navShow();
     }else{
       navShow();
     }
   });

   $btnLogo.trigger('click');

测试效果如旧,

2、 $btnLogo.trigger(function(){
     if($btnLogo.parent().hasClass('global-nav--current')){
        navShow();
     }else{
       navShow();
     }
   });

测试效果菜单没有任何反应,代码停止工作。

3、 $btnLogo.trigger('click',function(){
     if($btnLogo.parent().hasClass('global-nav--current')){
        navShow();
     }else{
       navShow();
     }
   });

测试效果菜单没有任何反应,代码停止工作。

  
无语_mrkj
学分:3155 LV11
2015-03-13
4L
您是否在页面全部加载完毕后,才调用的trigger()方法?
首页上一页 1 下一页尾页 4 条记录 1/1页
手机同步功能介绍
友情提示:以下图书配套资源能够实现手机同步功能
明日微信公众号
明日之星 明日之星编程特训营
客服热线(每日9:00-17:00)
400 675 1066
mingrisoft@mingrisoft.com
吉林省明日科技有限公司Copyright ©2007-2022,mingrisoft.com, All Rights Reserved长春市北湖科技开发区盛北大街3333号长春北湖科技园项目一期A10号楼四、五层
吉ICP备10002740号-2吉公网安备22010202000132经营性网站备案信息 营业执照