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>

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

Answer 1

有几件事：

您不需要明确参考图像;那些是相对于css文件引用的（所以删除前两行）
您只需要一个版本的插件（jquery或原型 - 所以删除原型一个）
您只需要包含缩小版本或非缩小版本（例如：selected.jquery.min.js或chosen.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()

将Chosen插件添加到我的网站

1 个答案: