0

jScrollPaneに少し問題があります。垂直ペイン内にリンクのリストを作成しました。これらのリンクは、別の div への jquery ロードをトリガーします。リンクのリストを下にスクロールしていずれかをクリックすると、ペインがスクロールして一番上に戻り、ロードがトリガーされません。スクロールがすでに一番上にある場合、ロードは正常に機能します。

--html--
    <div id="projects" class="span-9" style="margin:0 !important">
        {% for project in projects %}
            <a href="project/{{ project.id }}/details">
                <div class="left clear" style="width:335px; margin:0 !important; {% if loop.first %} border-top:1px solid #AAA;{% endif %} border-bottom:1px solid #AAA;">
                    <img src="{{asset(project.thumbnail)}}" class="left" style="width:150px; height:100px; margin:5px 5px 5px 0;">
                    <span style="font-weight:bold">{{ project.title }}</span><br>
                    {{ project.short }}
                </div>
            </a>
        {% endfor %}
    </div>

    <div id="details"></div>

--js--  
    $(function(){   
        $('#projects').jScrollPane();

        $("#projects a").live("click", function(){
            $("#details").load(this.href);
            return false;
        });
    });

--cs--
        #projects{ height: 667px; overflow:auto ;}

なぜこれが起こっているのか知っている人はいますか？

4

2 に答える 2

2

私はあなたと同じ問題を抱えていました。私がしたことは<a>、divの周りのタグを削除onclickし、divにリダイレクトして配置することです。これで問題は解決しました。それがあなたのために同じことを願っています！

于 2012-06-22T14:29:22.727 に答える
0

遅いかもしれませんが、hrefs に固執している場合は、ここに適切な修正が投稿されています: https://groups.google.com/forum/?fromgroups=#!topic/jscrollpane/Ww1jwPVfAKE

于 2013-01-30T13:39:14.087 に答える