无法让jQuery scrollTo插件在客户端单击时工作
我需要帮助Ariel Flesler的jquery scrollTo插件工作。如果我做到以下几点,我可以让它正常工作:这是一个web表单网站,因此jquery包含在母版页中:无法让jQuery scrollTo插件在客户端单击时工作,jquery,scrollto,Jquery,Scrollto,我需要帮助Ariel Flesler的jquery scrollTo插件工作。如果我做到以下几点,我可以让它正常工作:这是一个web表单网站,因此jquery包含在母版页中: <head> <script type="text/javascript" src="Scripts/jquery.scrollTo.min.js"></script> <script type="text/javascript"> jQuery(function (
<head>
<script type="text/javascript" src="Scripts/jquery.scrollTo.min.js"></script>
<script type="text/javascript">
jQuery(function ($) {
var $paneTarget = $('#pane-target');
$('#ctl00_DetailsBoxHolder_LinkButton5').click(function () {
var $target = $paneTarget.find('#div14');
$paneTarget.stop().scrollTo($target, 800);
});
});
</script></head>
...
...
<ul>
<li>
<asp:LinkButton ID="LinkButton5" runat="server">
jQuery object</asp:LinkButton></li>
</ul>
<div id="pane-target">..bunch of elements...
<ul>..bunch more elements...
<li><div id="div14">etcetc</div></li>
..bunch more elements...</li>
</ul>
</div>
给出了什么?我很想听到一个更好的解决方案,但我找不到太多关于这个的文档,因为在客户端单击激发时,jQuery插件似乎根本没有加载。为了缓解这一问题,我将整个插件代码移到了OnClientClick函数中,这就解决了这个问题在测试了一系列之后,scrollTo似乎无法在OnClientClick中工作。我希望听到不同的声音
<head>
<script type="text/javascript" src="Scripts/jquery.scrollTo.min.js"></script>
<script type="text/javascript">
function dosomescrolling() {
var $paneTarget = $('#pane-target');
var $target = $paneTarget.find('#div14');
$paneTarget.stop().scrollTo($target, 800);
}
</script></head>
...
...
<ul>
<li>
<asp:LinkButton ID="LinkButton5" runat="server" OnClientClick="dosomescrolling();">
jQuery object</asp:LinkButton></li>
</ul>
<div id="pane-target">..bunch of elements...
<ul>..bunch more elements...
<li><div id="div14">etcetc</div></li>
..bunch more elements...</li>
</ul>
</div>
$paneTarget.stop(...).scrollTo is not a function