1

我在 jQuery 工具提示中使用自定义 jQuery 滚动条。

在 Firefox中，如果您单击两次打开，例如，如果它打开，那么您不会关闭它，而是再次激活工具提示。

在 chrome中，它仅在您调整浏览器窗口大小时才会显示并正常运行。

我试图在小提琴中复制它以显示，但小提琴适用于非动态内容：http: //jsfiddle.net/mstefanko/JdAmG/71/ 小提琴仍将显示我正在使用的内容。

工具提示的 HTML 实际上是使用 php inline：

<div class="grab-this">
<div id="tip-content" class="nano">
    <div class="scrollContent">
    <?php foreach ( $member_info as $member ) : ?>
        <div class="member">
            <div class="member-photo">
                <img class="photo" src="<?php echo $member->photo_url ?>"/></div>
            <div class="team-member-screen-name">                                       
            <a href="<?php echo $member->url ?>"><?php echo $member->screen_name ?></a>
        </div>
    </div>
    </div>
    <?php endforeach ?>
</div>
</div>

我正在使用以下工具获取工具提示的内容：

var team = $('.grab-this').html();

激活工具提示，如：

$('.tooltip').tipTip({activation: 'click', content: team, enter: function(){
    $("#tip-content.nano", "#tiptip_content").nanoScroller();
});

我在 Chrome 中注意到的最重要的一点是，每次打开工具提示时，图像和列表似乎都会重新填充。不知道如何解决。

此外，我实际上移动了库中的输入回调以完全支持这一点，之前是在内容加载到工具提示之前。

任何想法都将不胜感激。在这一点上，即使是伪造窗口调整大小或在内容 100% 加载后强制滚动条重置的方法也会令人惊叹。谢谢

4

1 回答 1

2

mCustomScrollbar我对插件有同样的问题。我发现因为我正在动态设置包含我正在应用滚动条的内容的 div 的高度，所以没有任何效果（但是当我调整窗口大小时它确实有效）。因此，在样式表中我将 div 的高度设置为 1px，并updateOnContentResize在插件初始化时设置为 true，如下所示：

$( '.mCustomScrollbar' ).mCustomScrollbar ( { advanced: { updateOnContentResize: true } } );
于 2012-11-29T17:17:45.230 回答