Tag: jscrollpane

jScrollPane麻烦

我在我的网站上使用过jScrollPane。 我也使用ajax来更新使用jScrollPane的同一div上的数据。 现在,当我将返回的数据附加到div时,滚动条在附加文本上不可见。 这可能是因为当文档加载时调用jQuery函数但是现在有什么想法可以解决这个问题? 我在这里阅读这里的文章http://jscrollpane.kelvinluck.com/auto_reinitialise.html但我无法解决这个问题。 这是代码: function scrollfunction($value){ var ajaxRequest; // The variable that makes Ajax possible! try{ // Opera 8.0+, Firefox, Safari ajaxRequest = new XMLHttpRequest(); } catch (e){ // Internet Explorer Browsers try{ ajaxRequest = new ActiveXObject(“Msxml2.XMLHTTP”); } catch (e) { try{ ajaxRequest = new ActiveXObject(“Microsoft.XMLHTTP”); } catch (e){ // Something went wrong […]

Jquery JScrollPane – 设置滚动速度/灵敏度

我有一个相对简单的问题,我无法在任何地方找到解决方案。 有谁知道,如何初始化JScrollPane插件( 插件网站 ),滚动速度更敏感? 默认速度太慢而且迟缓,尤其是在更高分辨率的显示器上。 示例初始化: $(‘#element’).jScrollPane();

UL上的jQuery,jScrollPane

我出于某种原因无法完成这项工作。 我希望jscrollpane用于无序列表(ul)。 我已经成功地做到了这一点,但是当与嵌套的ul一起使用时,它似乎不起作用。 我已将我的例子上传到jsFiddle,所以任何人都可以看一看并摆弄。 你可以看看这里: http : //jsfiddle.net/44db/eAX8b/

jScrollPane和NivoSlider WP插件之间的jQuery冲突问题

我与jScrollPane和NivoSlider WP插件存在冲突问题。 在安装NivoSlider之前,jScrollPane工作正常。 安装后我收到以下错误: $(‘.scrollpane’).jScrollPane is not a function 我已经尝试了我所知道的jQuery.noConflict的每个组合,并且在文档中列出了。 我也尝试了这里找到的所有建议: jScrollPane Scrollbar问题 这包括使用WPScrollPane插件,虽然它确实可以阻止错误发生,但它似乎不起作用。 以下是具有冲突JS的pastebins: NivoSlider JScrollPane的

Jquery jscrollpane插件错误

当我尝试在Safari 4中实现jSrollpane时出现此错误: TypeError:表达式’$ drag [0]'[undefined]的结果不是对象。 然后,当我在Chrome中尝试相同的操作时,我收到此错误: 未捕获的TypeError:无法读取未定义的属性’offsetHeight’ 但为什么? 它在FF中运行良好。 有任何想法吗?

在jQuery中调用knockout viewmodel函数

如何在jQuery函数中调用viewmodel函数? 我只想从Javascript函数调用viewmodel函数的函数。 function ContactsViewModel(data) { var self = this; // Editable data self.Contacts = ko.observableArray(JSON.parse(data)); self.limit = ko.observable(20); self.changeNumber = function(item){ self.limit(self.limit()+20); self.Contacts.push(item); } self.myPostProcessingLogic = function(elements) { if ($(‘#KnockOutContacts’).children().length === ko.toJS(self.Contacts).length) { // Only now execute handler jq(); } } } 如何从jscroll窗格函数调用changeNumber ? $(‘.jspScrollable’).bind( ‘jsp-arrow-change’, function(event, isAtTop, isAtBottom, isAtLeft, isAtRight) { // Now look […]

jScrollPane导致脚本警告缓慢

我在IE 9中遇到一个慢速脚本警告,同时在包含可滚动(即内部的一些jscrollpanes)覆盖的页面上使用jscrollpane,其中包含一堆内容。 在Firefox 8中,一切正常,页面很快就会建立起来。 在IE上需要花费大量时间(大约一分钟)并且折叠/扩展其中一个滚动区域(即显示/隐藏)会导致页面长时间再次冻结。 显然这只是与IE结合的问题。 同样的页面,但没有添加.jscrollpane(),在IE中和在Firefox中一样快。 我正在使用jscrollpane 2.0.0.beta10和jquery 1.7,但它恰好与jquery 2.0.0.beta9和jquery 1.6相同。

jQuery jScrollpane的scrollToElement

我想在这里使用jScrollPane的“scrollToElement”API函数: http://dextersgospel.com/index-test.html 关于它的使用说明可以在这里找到: http://jscrollpane.kelvinluck.com/api.html#scrollTo 我遇到的问题是“stickToTop”参数。 单击箭头时,我希望它将目标div带到视口的顶部(不仅仅是它当前正在进行的几乎不可见)。 “stickToTop”参数应该是处理这个,但我不能让它工作。 我尝试过如下实现,但没有运气: api.scrollToElement(target_div_id, {stickToTop: true}); 我试过了: api.scrollToElement(target_div_id, true); 这是我目前的完整代码: $(function() { /* INITIALIZES jScrollPane on ENTIRE BROWSER WINDOW */ var win = $(window); var isResizing = false; var container = $(‘#full-page-container’); win.bind( ‘resize’, function() { if (!isResizing) { isResizing = true; // Temporarily make the container tiny so it […]

FancyBox根本不工作

我遇到了让fancybox运行的问题 – 我正在运行其他一些jquery。 以下是正在运行的脚本。 $(function() { $(‘.scroll-pane’).jScrollPane(); }); $(document).ready(function(){ $(“#slider”).easySlider({ auto: true, continuous: true }); }); $(document).ready(function(){ $(“a#fancy”).fancybox({ ‘transitionIn’ : ‘elastic’, ‘transitionOut’ : ‘elastic’, ‘speedIn’ : 600, ‘speedOut’ : 200, ‘overlayShow’ : false }); }); 这是目前(未)受影响的div。 1 • 2 • 3 由于所有其他脚本运行正常,因此不确定发生了什么。 欢呼任何帮助。 这可能是我忽略的一些简单:]

jScrollPane滚动条问题

我正在使用Wordpress作为CMS的网站上工作,我想在我的网站上使用div内的自定义滚动条。 我一直在尝试使用jScrollPane插件,但是我无法使用它。 主要代码在我的header.php文件中,并且有一个类.scroll-pane,header.php中的相关代码是: .scroll-pane { width: 100%; height: 280px; overflow: auto; } <script src="/js/jquery-1.3.2.min.js”> <link type="text/css" href="/style/jquery.jscrollpane.css” rel=”stylesheet” media=”all” /> <script type="text/javascript" src="/js/jquery.mousewheel.js”> <script type="text/javascript" src="/js/jquery.jscrollpane.min.js”> var $j = jQuery.noConflict(); $j(document).ready(function() { $(‘.scroll-pane’).jScrollPane({showArrows: true}); }); page.php文件: WP loop goes here CSS: .newsBox{height:280px; overflow: auto;} 我收到以下错误(被firebug捕获): ” $(“.scroll-pane”).jScrollPane is not a function $(‘.scroll-pane’).jScrollPane({showArrows: true}); ” 我认为问题在于函数,所以我尝试了各种post和论坛的一些建议,包括: […]