无法获得简单的JQuery命令来工作

我现在有很多理解JavaScript和JQuery的问题 - 它们引起我很大的头疼。以下是我想要做的事情：无法获得简单的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

来源

2016-07-30 Owen Ffrancon

您应该关闭脚本标签采购省略号插件和打开你的代码一个新的（在其中您可以忽略'SRC '部分） – rgoliveira

您不能将您的JS代码放在具有src属性的<script>元素中。它是一个或另一个。要做到你需要什么，你必须添加自己的<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>

来源

2016-07-30 20:16:12

谢谢！这是所有不同编码语言的语法，它们真的让我失望，我正在慢慢掌握什么是可以接受的，什么不是...... –

没问题，很乐意提供帮助。我相信你会到达那里:) –

如果你的脚本在你的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>

欢呼和幸福的编码很有效！

来源

2016-07-30 20:15:41

无法获得简单的JQuery命令来工作

回答

相关问题