Question

我对我的javascript代码有疑问。我从互联网上获得了这个脚本，但问题是它显示文本，我想制作一个div，因为我想要它像一个按钮。

这是代码：

<script type="text/javascript">
$(document).ready(function () {
  var maxheight=218;
  var showText = "Lees meer..";
  var hideText = "Inklappen";

  $('.leesmeer').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).hktml(showText);
              text.css('height', maxheight + 'px');
          } else {
              $(this).html(hideText);
              text.css('height', 'auto');
          }
        });
    }       
  });

感谢您的建议！

Answer 1

只需使用type =“button”的输入标记，并使用值=“某事”

var link = $('<input type="button" value=' + showText + '/>');

Answer 2

只需将div标签添加到文本中：

var showText = "<div class='more-less'>Read More..</div>";
var hideText = "<div class='more-less'>Read Less</div>";

JSFiddle

Answer 3

为了好玩，我尝试将代码更改为jquery插件，您可以在这里找到它，并简化了就绪功能：）

http://jsfiddle.net/Icepickle/SA744/

$(document).ready(function () {
    $('.leesmeer').readMore({});
});

jQuery将showText更改为Div

3 个答案:

JSFiddle