jScrollPane 初始设置?

发布于 2024-11-07 03:09:45 字数 1037 浏览 3 评论 0原文

我根本不理解 jScrollPane 的文档。 http://jscrollpane.kelvinluck.com/#examples

他们给出了一个这样的例子来开始(假设此类中有文本):

$(function()
{
    $('.scroll-pane').jScrollPane();
});

那根本不起作用。相反,我必须做这样的事情

HTML:

<div id="dummy">Put few paragraphs here for overflow</div>
<div id="wrapper">
    <div id="oflow"></div>
</div>
<a href="" id="get">Get text</a>

JS:

$(function(){
    $("#get").click(function() {
        $("#oflow").html($("#dummy").text());
        $("#wrapper").jScrollPane();
    });
});

So... Question: 如果我把它变成一个函数并以这种方式使用它来使用 $.get() 加载文本并插入带有 $(element).html(e.responseText) 的新内容,jScrollPane 仅适用于第一次单击任何内容加载时。

我在 jsFiddle 上运行了一个示例,但无法使其正常工作。当大量文本被较少内容替换时,jscrollpane 应该消失。 http://jsfiddle.net/robx/Hq5hC/10/

I don't understand the documentations at jScrollPane at all. http://jscrollpane.kelvinluck.com/#examples

They give an example as such to start (Assuming there is text in this class):

$(function()
{
    $('.scroll-pane').jScrollPane();
});

That does not work at all. Instead, I have to do something like this

HTML:

<div id="dummy">Put few paragraphs here for overflow</div>
<div id="wrapper">
    <div id="oflow"></div>
</div>
<a href="" id="get">Get text</a>

JS:

$(function(){
    $("#get").click(function() {
        $("#oflow").html($("#dummy").text());
        $("#wrapper").jScrollPane();
    });
});

So... Question: If I turn it into a function and use it in this way for loading text with $.get() and inserting new content with $(element).html(e.responseText), jScrollPane only works for on first click on any content loading.

I've ran a sample at jsFiddle and can't get it to work properly. The jscrollpane should go away when a large amount of text is replace by less content. http://jsfiddle.net/robx/Hq5hC/10/

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

提赋 2024-11-14 03:09:45

用户jquery live,因为它绑定到将来可能出现的元素,

这是代码中的问题

$("a").click(function() {
    return false;
});

,这正在杀死事件..

http://api.jquery.com/live/

示例

$('.clickme').live('click', function() {
  // Live handler called.
});

user jquery live as it binds to the elements which can come in future

this is problem in your code

$("a").click(function() {
    return false;
});

this is killing the event..

http://api.jquery.com/live/

example

$('.clickme').live('click', function() {
  // Live handler called.
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文