2016-03-03 135 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標籤中 –