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

我发现这个jQuery插件可以使下拉列表搜索（http://jsearchdropdown.sourceforge.net/）。这是我很想在我的项目中使用的东西，但是我遇到了一些问题。这是我如何让DropDownList的，我也给它一个id，这样我可以应用功能的下拉列表：在ASP.NET MVC应用程序中使用自定义jQuery函数

<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(); 
});

当我尝试使用我的页面的下拉列表无法搜寻，我得到一个埃罗r在Chrome控制台上说：Uncaught TypeError: Object [object Object] has no method 'searchable'

有没有人有任何想法我可能做错了。我是否需要包含更多文件？我检查了Chrome的源代码标签（在ctr + shift + i helper中）并且加载了.min.js脚本。我是否需要'以某种方式告诉我的代码，searchable（）函数是在额外的js文件中，而不是在标准的js库中？

来源

2014-04-05 E. V. d. B.

你确定你的HTML肯定是在搜索的脚本拉？将警报添加到可搜索插件的顶部以进行检查。 – leaksterrr

您的意思是我应该在我的页面使用的.min.js文件中放置一个警报？ –

是的，在顶部jquery.searchabledropdown-1.0.8.min.js – leaksterrr

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.

来源

2014-04-05 13:55:29 vijay

您需要提供小提琴或jsbin示例更实用的解释 – vijay

这是否与可搜索的下拉列表的jQuery库有关？ –

还添加这些files.Seems像他们也needed.Also改变位置，因为你

<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>

来源

2014-04-05 14:09:19

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

回答

相关问题