5

我正在使用 jquery slimscroll。但它没有出现在页面上。任何帮助,将不胜感激。

HTML -

<script type="text/javascript" src="resources/js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="resources/js/jquery-ui.min.js"></script>
<script type="text/javascript" src="resources/js/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="resources/js/searchHistory.js"></script>

<div id="searchTable" class="contentRight">
    <table id="searchInfo" class="shadeTable"></table>
</div>

JS-

$(document).ready(function() {

    $('#searchTable').slimScroll({
        color: '#FF915E',   
        height: '250px',
            alwaysVisible: true,
              size: '8px'
    });
    initSearchInfo();
    initTagCloud(); 
});

我正在使用 ajax 调用在 initSearchInfo 函数中动态更新目标 div 的内容。所以我在最后的 initSearchInfo 函数中再次应用了 slimscroll -

if($('#searchTable').parent('.slimScrollDiv').size() > 0) {
                $('#searchTable').parent().replaceWith($('#searchTable'));
                // now (re)assign slimScroll
                $('#searchTable').slimScroll({
                  color: '#FF915E', 
                  height: '353px',
                  alwaysVisible: true,
                  size: '8px'
            });

CSS -

.contentRight {float: right}
4

0 回答 0