jScrollPane不使用twitter配置文件源
我已经在页面中的两个地方应用了jscrollpane,一个是正常的静态内容,另一个是twitter概要文件提要。在页面中实现twitter提要之前,第一个页面工作正常。在这之后我得到了一张空白页。请参阅下面的代码。有什么帮助吗 主管部门:jScrollPane不使用twitter配置文件源,twitter,scrollbar,jscrollpane,Twitter,Scrollbar,Jscrollpane,我已经在页面中的两个地方应用了jscrollpane,一个是正常的静态内容,另一个是twitter概要文件提要。在页面中实现twitter提要之前,第一个页面工作正常。在这之后我得到了一张空白页。请参阅下面的代码。有什么帮助吗 主管部门: <script type="text/javascript" src="js/jquery-min.js"></script> <script type="text/javascript" src="js/jquery.jscro
<script type="text/javascript" src="js/jquery-min.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="js/jquery.mousewheel.js"></script>
<script type="text/javascript" id="sourcecode">
$(function()
{
$('.scroll-pane').jScrollPane();
});
</script>
$(函数()
{
$('.scroll pane').jScrollPane();
});
正文部分:
<h1>Normal Content</h1>
<div class="scroll-pane">
<p>
some text ...
</p>
</div>
<h1>Twitter Feed</h1>
<div class="scroll-pane">
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 10,
interval: 30000,
width: '300',
height: 'auto' ,
theme: {
shell: {
background: '#d12a00',
color: '#ffffff'
},
tweets: {
background: '#ffffff',
color: '#474747',
links: '#d12a00'
}
},
features: {
scrollbar: false,
loop: false,
live: false,
behavior: 'all'
}
}).render().setUser('rajkut').start();
</script>
</div>
正常内容
一些文字。。。
推特提要
新TWTR.Widget({
版本:2,
键入:“配置文件”,
rpp:10,
间隔时间:30000,
宽度:“300”,
高度:“自动”,
主题:{
外壳:{
背景:“#d12a00”,
颜色:“#ffffff”
},
推特:{
背景:“#ffffff”,
颜色:“#474747”,
链接:“#d12a00”
}
},
特点:{
滚动条:false,
循环:false,
生活:假,
行为:“全部”
}
}).render().setUser('rajkut').start();
您必须在滚动窗格方法中添加以下内容:
$('.scroll-pane').jScrollPane({
autoReinitialise: true,
verticalDragMinHeight: 20,
verticalDragMaxHeight: 20,
horizontalDragMinWidth: 20,
horizontalDragMaxWidth: 20
});
这里重要的是自动重新初始化的东西,顺便说一句,我还建议你给第二个滚动窗格的cointainer添加一些高度,因为记住插件会将溢出切换为隐藏
<div class="scroll-pane" style="height:someheight">
您不需要设置高度。它会自动填充高度,因此不会浪费任何空间