-1

我正在尝试readmore在 Textarea 中创建选项。

在这里我可以用 div 来做，但是当我用 textarea 替换 div 时，它只是在 textarea 中显示整个内容而没有reamore选项。

<body>
  <div class="container">  
    <h1>Demo</h1>
    <section id="demo">    
        <div>      
             <art>
            <div>
        <h2>Artisanal Narwahls</h2>
        <p>Salvia portland leggings banh mi fanny pack mixtape, authentic bushwick wes anderson intelligentsia artisan typewriter high life they sold out mixtape high life. Marfa ethnic wayfarers brooklyn keytar mixtape. Blue bottle shoreditch gluten-free, mixtape hoodie whatever pinterest viral twee fashion axe high life irony biodiesel tofu.</p>
        </div>    

         </art>
        </div>        
    </section>
  </div>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
  <script src="readmore.js"></script>
<script>
  $('#info').readmore({
    moreLink: '<a href="#">More examples and options</a>',
    maxHeight: 190,
    afterToggle: function(trigger, element, more) {
      if(! more) { // The "Close" link was clicked
        $('html, body').animate( { scrollTop: element.offset().top }, {duration: 100 } );
      }
    }
  });

    $('art').readmore({maxHeight: 240});
  </script>

</body>

这是我的小提琴。：http: //jsfiddle.net/VSscB/

但是在小提琴中，尽管与我的页面中的代码和脚本相同，但它并没有提供 readmore 选项。

4

1 回答 1

0

你还没有在 jsFiddle 中加载 jQuery .. 你可以从“框架和扩展”下拉菜单中选择 jQuery .. 你的代码工作正常......工作链接 也......

(函数($) {...} })(jQuery);

应该是之前..

$('#info').readmore({...});

因为与您在问题中发布的标记不同.. readmore 插件在 $('#info').readmore({}); 之后加载 jsFiddle中的函数..所以你会得到一个错误..检查你的控制台..

虽然..你不能'使用textarea..如果你只想编辑内容......你可以将contenteditable属性设置为true......检查。readmore.js 插件.. 我发现这可以通过...

 $('.readmore-js-section').attr("contenteditable","true") ;

更新链接

于 2013-10-09T11:30:34.137 回答