代碼在引導模式下不起作用

Question

我在我的網站上使用Readmore.js來縮短文本。

<div id="TEST">THIS IS A TEST THIS IS A TEST THIS IS A TEST</div> 

    <script> 
    $('#TEST').readmore({ 
     speed: 250, 
     maxHeight: 10, 
     moreLink: '<a href="#" style="font-size:14px;color:#007096">Read More</a>', 
     lessLink: '<a href="#" style="font-size:14px;color:#007096">Read Less</a>' 
    }); 
    </script> 

由於某些原因，如果我把這段代碼直接粘貼到我的頁面上，它會執行得很好。但是，如果我將這個EXACT相同的代碼逐字放在bootstrap 3模式上，它不起作用。任何想法爲什麼？

Answer 1

我建議附加readmore功能，當模式實際得到顯示，使用show.bs.modal事件。 試試這個：

$(document).ready(function() { 
    $('#myModal').on('shown.bs.modal', function (e) { 
     $('#test').readmore({ 
      // your options here... 
     }); 
    }); 
});