2014-09-24 68 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”或您选择的网络检查器。