2014-09-24 113 views
0

我有一個問題,我有一個頁面的移動版本的腳本,將向下滾動頁面到一個特定的div標籤,它工作正常,但我想腳本也打開此區域(打開一個標籤) 這是我走到這一步,如何模擬點擊後自動滾動打開標籤

腳本

<asp:PlaceHolder ID="plhAnimatedScroll" visible="false" runat="server"> 
    <script type="text/javascript"> 
     var navHeight = $('#gecko-sub-navigation').outerHeight(); 
     var buffer = (navHeight * 2) + 70; 
     $("html, body").animate({ scrollTop: $('#' + '<%=SelectedPage%>').offset().top - buffer  }, 1000); 
    </script> 
</asp:PlaceHolder> 

一個頁面

<section class="help_section"> 
    <a href="javascript:void(0);" class="link help_switch closed"> Box title </a> 
    <div class="help_details"> 
     <div class="help_btm_msg"> some text </div> 
    </div> 
</section> 

主營業務利潤率的部分ning通過點擊錨標籤觸發,因此類從class =「link help_switch closed」更改爲class =「link help_switch open」,是否有任何方法調整腳本以便它將類從關閉改爲打開或模擬點擊?

感謝

回答

1

既然你使用jQuery,您可以模擬鼠標點擊,或觸發使用trigger功能的某些元素的點擊。

jQuery的文檔: .trigger()

的想法是,你可以先設定一個點擊處理程序,然後在你的代碼觸發「點擊」功能調用click處理程序的任何時間:

希望這有助於。

你可以看到的jsfiddle這段代碼的工作示例:http://jsfiddle.net/8cvkm7y3/3/,如果你的jsfiddle加載此代碼,然後你可以看你的help_switch類封閉式和開放類切換,你怎麼點擊「框標題」鏈接通過Chrome Developer Tools中的「Inspect Element」或您選擇的網絡檢查器。