在ASP.NET MVC应用程序中使用自定义jQuery函数

Question

我找到了这个jQuery插件，它使下拉列表可搜索（ http://jsearchdropdown.sourceforge.net/ ）。 我真的很想在项目中使用它，但是我遇到了一些问题。 这是我制作DropDownList的方法，我也给它提供了一个ID，以便可以将该函数应用于dropdownlist：

<div id="geadresseerde-politici">
            @Html.Label("Politicus")
            @Html.DropDownListFor(model => model.PoliticianId, (SelectList)ViewBag.PolIds, new{@id = "polDrop"})
</div>

我还在<head>部分中包含.min.js文件，如下所示：

<script type="text/javascript" src="@Url.Content("~/Scripts/jquery.searchabledropdown-1.0.8.min.js")"></script>

而我的JavaScript部分：

$(document).ready(function() {
            $("#polDrop").searchable();
});

当我尝试使用我的页面时，无法搜索下拉列表，并且在Chrome控制台中收到错误消息： Uncaught TypeError: Object [object Object] has no method 'searchable'

有谁知道我可能做错了什么。 我需要包括更多文件吗？ 我检查了Chrome的“源”标签（在ctr + shift + i帮助器中），并加载了.min.js脚本。 我是否需要以某种方式告诉我的代码searchable（）函数在该额外的js文件中，而不在标准js库中？

Answer 1

The Way You Were Trying = 1 way
Second Way
Asp.net
Push Array In Asp.net ViewData['MYDATALIST'] As serialized data.

Jquery/js
my list = $('MYDATALIST').val();
Now Push This Array List In Your Select.

Answer 2

还要添加这些文件。似乎也需要它们。还要更改位置为您的位置

<link type="text/css" rel="stylesheet" href="sh/shCore.css"/>
<link type="text/css" rel="stylesheet" href="sh/shThemeDefault.css"/>        
<script type="text/javascript" src="sh/shCore.js"></script>
<script type="text/javascript" src="sh/shBrushJScript.js"></script>

在ASP.NET MVC应用程序中使用自定义jQuery函数

问题描述

2 个解决方案

解决方案1
0 2014-04-05 13:55:29

解决方案2
0 2014-04-05 14:09:19

在ASP.NET MVC应用程序中使用自定义jQuery函数

问题描述

2 个解决方案

解决方案1 0 2014-04-05 13:55:29

解决方案2 0 2014-04-05 14:09:19

解决方案1
0 2014-04-05 13:55:29

解决方案2
0 2014-04-05 14:09:19