2016-03-03 158 views
0

您好我有一点英文,所以也许我可以写错索里:)触发按钮如何点击

我有一个接触的形式,它与效果基本show效果开的时候点击邮件图标的代码

<div class="header_top_but closed resp-tab"> 
      <i class="sagform fa fa-envelope faa-shake animated"></i> 
      <div class="header_top_but_arrow"></div> 
     </div> 

它的Java就是这样

(function ($) { 
    $('.header_top_but').bind('click', function() { 
     var headerTopBut = $(this), 
      headerTopButArrow = headerTopBut.find('> span'), 
      headerTopOuter = headerTopBut.parents('.header_top').find('.header_top_outer'); 

     if (headerTopBut.hasClass('opened')) { 
      headerTopOuter.slideUp(); 

      headerTopButArrow.removeClass('cmsms_top_arrow').addClass('cmsms_bot_arrow'); 

      headerTopBut.removeClass('opened').addClass('closed'); 
     } else if (headerTopBut.hasClass('closed')) { 
      headerTopOuter.slideDown(); 

      headerTopButArrow.removeClass('cmsms_bot_arrow').addClass('cmsms_top_arrow'); 

      headerTopBut.removeClass('closed').addClass('opened'); 
     } 
    }); 
})(jQuery); 

确定我想那 怎么做效果基本show我的联系方式,当我点击“联系我”

<div class="cmsms_column one_fourth"> 
             <div id="cmsms_button_5655b197e4739" class="button_wrap"> 
              <a href="dersler.aspx?id=1" class="cmsms_button cmsms-icon-calendar-3"> 
              <span>contact me!</span> 
              </a> 
              </div> 
            </div> 

我的事情,我可以使用触发器,但我不能请帮助

回答

0

如果我的理解是正确的,你只需要提供一个ID(或类)“联系我”:

<span id="yourspanid">contact me!</span>

然后添加到JS:

$(document).ready(
    function(){ 

    $("#yourspanid").click(
     function() { 
     //paste here the script that opens the form 
    }); 

}); 

确保你的脚本里面是 “文件准备好了”。

+0

谢谢你的答案安娜,但我试过它在JavaScript中有一些类和我的联系我没有这个类,所以它不工作 –

+0

对不起,但我不明白。你不能添加一个id到span元素?或者你做到了,但它不起作用? 请确保您将脚本放置在 '$(document).ready( function(){});' –

+0

我已经尝试过document.ready像你写的bu不工作它将它写在head标签中 –