0

このコードを見てください：CODE

このコードはjsfiddle.netで機能しますが、ローカルのローカルjsコードでは機能しません。このコードは、より少ないテキストを表示および非表示にします

<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
      var maxheight=118;
      var showText = "More";
      var hideText = "Less";

      $('.textContainer_Truncate').each(function () {
        var text = $(this);
        if (text.height() > maxheight){
            text.css({ 'overflow': 'hidden','height': maxheight + 'px' });

            var link = $('<a href="#">' + showText + '</a>');
            var linkDiv = $('<div></div>');
            linkDiv.append(link);
            $(this).after(linkDiv);

            link.click(function (event) {
              event.preventDefault();
              if (text.height() > maxheight) {
                  $(this).html(showText);
                  text.css('height', maxheight + 'px');
              } else {
                  $(this).html(hideText);
                  text.css('height', 'auto');
              }
            });
        }       
      });
   });​
</script>

htmコード：

<div class="textContainer_Truncate">
      <p>content<br>
        hello<br>
        hello<br>
        hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
          hello<br>
        </p>
    </div>

フォルダの内容：index.htmおよびjquery-1.8.2.min.jsローカルでこのコードを使用する方法は？

4

1 に答える 1

3

私はあなたがしたことを複製しようとしましたが、エラーなしで正常に機能していることがわかりました。

このソリューションのダウンロードを検討してください（フォルダーには、jquery 1.8.2.jsファイルと一緒にindex.htmlページが含まれています）。多分あなたは何か特別な テストプロジェクトを作りました

更新：コードをコピーしているときに何かに気づきました。コードに余分な疑問符があります。次の図を見てください。

ここに画像の説明を入力してください

于 2012-10-22T14:00:39.110 に答える