无法更新jQuery McCustomScrollBar
我正在使用来自的自定义滚动条 我在一个包含gridview的div上使用它。当一个新行添加到Gridview中,并且它超过了该大小时,滚动条将不会显示 我还有一个问题,里面有一个div,我用一个按钮来切换这个div的显示 我无法更新滚动条无法更新jQuery McCustomScrollBar,jquery,asp.net,jquery-ui,gridview,scrollbar,Jquery,Asp.net,Jquery Ui,Gridview,Scrollbar,我正在使用来自的自定义滚动条 我在一个包含gridview的div上使用它。当一个新行添加到Gridview中,并且它超过了该大小时,滚动条将不会显示 我还有一个问题,里面有一个div,我用一个按钮来切换这个div的显示 我无法更新滚动条 (function($) { $(window).load(function() { $("#rightFixed").mCustomScrollbar({ scrollInertia: 150, autoHideScrollbar: true, updat
(function($) {
$(window).load(function() {
$("#rightFixed").mCustomScrollbar({
scrollInertia: 150,
autoHideScrollbar: true,
updateOnBrowserResize: true,
updateOnContentResize: true,
theme: "dark-2"
});
});
})(jQuery);
$(function () {
$("#showTax").click(function () {
$("#cartTaxDiv").slideToggle();
$(this).text($(this).text() == 'Show Tax' ? 'Hide Tax' : 'Show Tax');
$('#rightFixed').mCustomScrollbar("update");
});
});
滚动条初始化事件的一件事是在$(窗口)中。加载,然后单击按钮是在$(文档)中。就绪
你能帮我吗?我已经想出了解决办法
对于slideToggle,我们所要做的就是将更新放在一个函数中,并在切换中调用它。ie在切换完成时调用该函数
function updateScrollbar() {
$('#rightFixed').mCustomScrollbar("update");
}
$("#showTax").click(function () {
$("#cartTaxDiv").slideToggle(updateScrollbar); // Call the update Scrollbar after the sliding is done.
$(this).text($(this).text() == 'Show Tax' ? 'Hide Tax' : 'Show Tax');
})
这样,切换问题就解决了
接下来是第二个问题——GridView。当GrodView被更新时,滚动条必须被更新。因此,我们必须在每次回发时调用这个函数。我没有在这里使用更新面板,所以如果在pageload中回发,我将调用此函数
if (IsPostBack)
{ Page.ClientScript.RegisterStartupScript(this.GetType(), "myscript", "updateScrollbar();", true); }
问题就这样解决了。谢谢分享。很多人没有意识到分享自己的解决方案的重要性和帮助性+1同样,对我来说,它作为$(“#mydiv”).slideToggle(500,updateScrollbar)工作得更好代码>