Javascript 在引导模式下，代码不工作

我在我的网站上使用缩短文本

<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>

出于某种原因，如果我把这段代码直接粘贴到我的页面上，它的执行效果会很好。然而，如果我将完全相同的代码逐字地放在Bootstrap3模式上，它就不起作用了。知道为什么吗？

我建议在模态实际显示时，使用show.bs.modal事件附加readmore函数。 试试这个：

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

---

您可以删除这是一个测试。这是我们不需要看到的冗余代码。添加带有模态的部分也谢谢你的回复-仍然没有运气。如果我使用一个类似的插件，它会工作，所以可能它只是特定于Readmore.js。我可能会继续搜索适合我需要的插件，或者编写自己的插件。谢谢