0

ページに展開/折りたたみ可能なコンテンツのリストを設定しようとしていますが、何らかの理由で機能しません。

これは、関連するすべての JavaScript です。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://digitaldemo.net/forbes/wp-content/themes/forbes/js/jquery.expander.js"></script>
<script>
$('ul.expander li').expander({
  slicePoint: 50,
  widow: 2,
  expandEffect: 'show',
  userCollapseText: '[^]'
});
</script>

そしてリストコード：

<ul class="expander">
<li>Intro text <span class="read-more"><a href="#">[more link]</a></span><span class="details">and full text goes here</span></li>
</ul>

このサイトは WP サイトですが、プラグインは使用していません。私は徹夜の真っ只中にいるので、おそらくばかげた単純なものが欠けています。どんな入力も役に立ちます。

ここにページがあります: http://digitaldemo.net/forbes/?page_id=34

どうもありがとう！

4

2 に答える 2

1

交換

<script>
$('ul.expander li').expander({
  slicePoint: 50,
  widow: 2,
  expandEffect: 'show',
  userCollapseText: '[^]'
});
</script>

に

<script>
jQuery(document).ready(function($){
  $('ul.expander li').expander({
    slicePoint: 50,
    widow: 2,
    expandEffect: 'show',
    userCollapseText: '[^]'
  });
});
</script>
于 2013-02-05T07:41:58.877 に答える
0

あなたが見逃しているのは、ドキュメントの準備ができたときにスクリプトをロードしていないことです。簡単にこのようにします

<script>
    $(document).ready(function() {
$('ul.expander li').expander({
  slicePoint: 50,
  widow: 2,
  expandEffect: 'show',
  userCollapseText: '[^]'
});
});
</script>
于 2013-02-05T07:48:22.777 に答える