jquery - 将选择的插件添加到我的网站

Question

我正在尝试从下面的链接添加来自 cdn 的所选 jquery 插件。 http://cdnjs.com/libraries/chosen/

我正在开发一个 asp.net mvc 应用程序，并在布局页面中添加了脚本，如下所示。

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen-sprite.png"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen-sprite@2x.png"></script>



    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.css">
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.jquery.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.min.css">
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.proto.js"></script>
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.proto.min.js"></script>

我的问题是在顶级脚本中，我是否正在执行正确的代码来引用 Sprite 文件，即selected-sprite.png、selected-sprite@2x.png？如果没有，请告诉我如何在应用程序中引用 Sprite 文件。

Answer 1

有几件事:

• 您无需明确引用图像；这些是相对于 css 文件引用的(因此删除前两行)
• 您只需要该插件的一个版本(jquery 或原型(prototype) - 因此请删除原型(prototype)版本)
• 您只需要包含缩小或非缩小版本(例如:chosen.jquery.min.js 或 selected.jquery.js，因此删除您想要的任何一个。注意:这也适用于 css 文件)

它应该是这样的:

<!-- CSS -->
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.min.css">

<!-- JS -->
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/chosen/1.1.0/chosen.jquery.min.js"></script>

记住:
来自 documentation :在您选择的选择框中激活插件:$(".chosen-select").chosen()