Question

我目前在理解Javascript和JQuery方面遇到了大量问题 - 他们让我感到非常头痛。这就是我要做的事情：

用椭圆替换长项描述的结尾。我希望它可以用于我所拥有的许多项目描述。

我尝试自己完成，完全失败，然后尝试使用jquery.ellipsis插件。链接\ jquery.ellipsis-master \ jquery.ellipsis-master \ src \ jquery.ellipsis.js似乎已经阻止我的代码运行了。警报未显示。

<p class="ideaText">Phasellus lacinia ... est.</p>
<p class="ideaText">Lalalalalala ... lalalala.</p>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="jquery.ellipsis.js" type="text/javascript">

                alert("JS works");

                $(document).ready(function () {

                    function pTruncate() {
                        $('.ideaText').each(function () {

                            $(this).ellipsis({visible: 3, more: '…', moreClass: 'more', separator: ' ', atFront: false});

                        });
                    };

                    pTruncate();

                    $(window).resize(function () {
                        pTruncate();
                    });

                });

有人可以解释一下Github我应该使用哪个文件吗？省略号插件来自https://github.com/bebraw/jquery.ellipsis

Answer 1

如果您的脚本位于html中，则需要将脚本置于<script></script>标记内。这基本上告诉浏览器这些标签之间的任何东西都是JS。脚本的外部链接用于定义外部JS文件的链接。您可以查看这篇详细的文章，该文章解释了JS的嵌入方式http://docstore.mik.ua/orelly/webprog/jscript/ch12_02.htm

如果你这样做会有效

<p class="ideaText">Phasellus lacinia ... est.</p>
<p class="ideaText">Lalalalalala ... lalalala.</p>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="jquery.ellipsis.js" type="text/javascript"></script>

<script>
  alert("JS works");
  $(document).ready(function () {
             function pTruncate() {
                 $('.ideaText').each(function () {
                 $(this).ellipsis({visible: 3, more: '…', moreClass: 'more', separator: ' ', atFront: false});
                        });
                    };

              pTruncate();
              $(window).resize(function () {
                        pTruncate();
                   });

              });
</script>

欢呼和快乐的编码！

Answer 2

您不能将JS代码放在具有<script>属性的src元素中。这是一个或另一个。要执行您需要的操作，您必须添加自己的<script />标记，如下所示：

<p class="ideaText">Phasellus lacinia ... est.</p>
<p class="ideaText">Lalalalalala ... lalalala.</p>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>    
<script src="jquery.ellipsis.js" type="text/javascript"></script>
<script>
    alert("JS works");

    $(document).ready(function () {
        function pTruncate() {
            $('.ideaText').each(function () {
                $(this).ellipsis({
                    visible: 3, 
                    more: '…', 
                    moreClass: 'more', 
                    separator: ' ', 
                    atFront: false
                });
            });
        };

        pTruncate();

        $(window).resize(function () {
            pTruncate();
        });
    });
</script>

无法获得简单的JQuery命令

2 个答案: