我正在使用 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}