gpt4 book ai didi

jquery - 无法更新 jQuery mCustomScrollbar

转载 作者:行者123 更新时间:2023-12-01 00:18:36 28 4
gpt4 key购买 nike

我正在使用 http://manos.malihu.gr/jquery-custom-content-scroller/ 中的自定义滚动条.

我在包含 gridview 的 div 上使用它。当向 Gridview 添加新行并且超出大小时,滚动条不会显示。

我还有另一个问题,里面有一个 div,我正在使用一个按钮来切换该 div 的显示。

我无法更新滚动条

(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");
});
});

滚动条初始化事件位于 $(window).load 中,而按钮单击事件位于 $(document).ready 中。

你能帮我吗?

最佳答案

我已经找到解决办法了。

对于slideToggle,我们所要做的就是将Update 放入一个函数中并在toggle 中调用它。即当切换完成时调用该函数。

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 更新时,滚动条也必须更新。因此,为此,我们必须在每次回发时调用此函数。我在这里没有使用更新面板,因此如果在页面加载中回发,我将调用此函数。

if (IsPostBack)
{ Page.ClientScript.RegisterStartupScript(this.GetType(), "myscript", "updateScrollbar();", true); }

因此问题就解决了。

关于jquery - 无法更新 jQuery mCustomScrollbar,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17583729/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com