1

私が参照しているページは次のとおりです。

http://jjnursingnotes.com/NOV12/

JQuery ページは次の場所にあります。

http://jjnursingnotes.com/NOV12/jquery.expander.js

[もっと読む] をクリックした後、ページが見出し ( <h1> ) または div レイヤーの先頭 ( <div class="expander" id="sect##" )にジャンプするようにします。 > ) [Read Less] をクリックすると、セクションの先頭に表示されます。現在、「Read Less」ボタンのコードは次のように表示されます。

      if ( o.userCollapse && !$this.find(o.lessSelector).length ) {
        $this
        .find(detailSelector)
        .append('<br><br><span class="' + o.lessClass + '">' + o.userCollapsePrefix + '<a href="#">' + o.userCollapseText + '</a></span><br><br>');
      }

私の見出しにはすべて、直前に割り当てられた名前 (001、002 など) があり、JQ コードのリンクに #001、#002 などを追加するだけでよいと思います。問題は、このスクリプトがページ上のすべての「Read Less」ボタンを定義するため、変数はボタンごとに異なる必要があることです。私は正しい軌道に乗っていますか、それともより効率的な方法がありますか?

前もって感謝します。私は明らかに JS と JQuery の初心者です。

4

2 に答える 2

1 
$('.expander .read-more').click(function(e){
 $('html,body').animate({ scrollTop: $(e.target).closest('.expander').offset().top}, "slow");
})

そこに行きます:)

于 2012-12-07T16:39:19.113 に答える
0

代わりに<a href="#">、単に使用しないで<a href="#sect##">ください。次に、「Read Less」はJSなしで機能します

于 2012-12-07T16:31:12.450 に答える