为什么这个来自loudev的多选代码不起作用答案

【问题标题】：Why this multiselect code from loudev is not working为什么这个来自loudev的多选代码不起作用
【发布时间】：2015-02-01 19:25:07
【问题描述】：

我想包含这个：http://loudev.com/

我按照这些步骤操作，但代码不起作用。我还包括了 jquery 脚本，因为我怀疑这可能是必需的。我不明白哪里错了。

谢谢！！

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>

<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="something\jquery.multi-select.js" type="text/javascript"> </script>
<link href="something\css\multi-select.css" media="screen" rel="stylesheet" type="text/css">

<script type="text/javascript">
$('#my-select').multiSelect();
console.log("why");
</script>
</head>

<body>
<select multiple="multiple" id="my-select" name="my-select[]">
      <option value='elem_1'>elem 1</option>
      <option value='elem_2'>elem 2</option>
      <option value='elem_3'>elem 3</option>
      <option value='elem_4'>elem 4</option>
      <option value='elem_5'>elem 5</option>
      <option value='elem_6'>elem 6</option>
      <option value='elem_7'>elem 7</option>

      <option value='elem_100'>elem 100</option>
    </select>
</body>

</html>

在控制台上我确实得到了“为什么”并且没有错误，然后出了什么问题..为什么它没有按预期工作。

【问题讨论】：

标签： javascript jquery html multi-select

【解决方案1】：

在您的选择框标记之后声明您的 JavaScript。此外，您的源路径分隔符应该是正斜杠“/”而不是反斜杠“\”。例如

<script src="something\jquery.multi-select.js" type="text/javascript"> </script>
<link href="something\css\multi-select.css" media="screen" rel="stylesheet" type="text/css">

应该是

<script src="something/jquery.multi-select.js" type="text/javascript"> </script>
<link href="something/css/multi-select.css" media="screen" rel="stylesheet" type="text/css">

【讨论】：