Javascript 获取未捕获的类型错误:对象[Object Object]没有方法';jqxmaskedinput';
这是MVC3Razor视图的一部分。我在表单上有一些editorfor框,希望添加一些jquery来增强表单的健壮性。然而,我得到了一个奇怪的错误,这对我来说没有意义 首先让我们看一看风景Javascript 获取未捕获的类型错误:对象[Object Object]没有方法';jqxmaskedinput';,javascript,jquery,asp.net-mvc-3,razor,Javascript,Jquery,Asp.net Mvc 3,Razor,这是MVC3Razor视图的一部分。我在表单上有一些editorfor框,希望添加一些jquery来增强表单的健壮性。然而,我得到了一个奇怪的错误,这对我来说没有意义 首先让我们看一看风景 <link type="text/css" rel="stylesheet" href="/content/jquery-ui-1.8.16.custom.css"/> <link type="text/css" rel="stylesheet" href="/content/site9.c
<link type="text/css" rel="stylesheet" href="/content/jquery-ui-1.8.16.custom.css"/>
<link type="text/css" rel="stylesheet" href="/content/site9.css"/>
<link rel="stylesheet" href="@Url.Content("~/jqwidgets/styles/jqx.base.css")" type="text/css" />
<link rel="stylesheet" href="@Url.Content("~/jqwidgets/styles/jqx.darkblue.css")" type="text/css" />
<script src="@Url.Content("~/Scripts/jquery-1.10.1.min.js")" type="text/javascript"> </script>
<script src="@Url.Content("~/Scripts/jquery-ui-1.8.16.custom.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/jqwidgets/jqxcore.js")" type="text/javascript"></script>
<script src="@Url.Content("~/jqwidgets/jqxvalidator.js")" type="text/javascript"></script>
<script src="@Url.Content("~/jqwidgets/globalization/globalize.js")" type="text/javascript"></script>
<script src="@Url.Content("~/jqwidgets/jqxmaskedinput.js")" type="text/javascript"></script>
<script src="@Url.Content("~/jqwidgets/jqxinput.js")" type="text/javascript"></script>
<script src="@Url.Content("~/jqwidgets/gettheme.js")" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function () {
$('#date_paid').datepicker();
$("#first_name").jqxInput({ placeHolder: "First Name", width: 200, height: 25, theme: 'darkblue' });
$("#last_name").jqxInput({ placeHolder: "Last Name", width: 200, height: 25, theme: 'darkblue' });
$("#middle_initial").jqxInput({ placeHolder: "Middle Initial", width: 150, height: 25, theme: 'darkblue' });
$("#zip_code").jqxmaskedinput({ mask: '#####-####', width: 150, height: 25, theme: 'darkblue' });
});
jqxInput盒工作正常。如果我移除jqxInput框,jqxmaskedInput就可以正常工作。我认为这可能是2之间的兼容性问题,但在jqWidgets上,我发现了一个同时使用jqxInput和jqxmaskedInput的示例,因此这几乎不可能是兼容性问题。作为这个地区的一个彻头彻尾的无名小卒,我不知道这可能是什么原因。。欢迎任何建议。Javascript区分大小写。调用
.jqxmaskedinput
应该是。jqxmaskedinput
Javascript区分大小写。对.jqxmaskedinput
的调用应该是.jqxmaskedinput
您确定不是指jqxmaskedinput
?哇,这对我来说是新的。。显然,javascript对基于javascript文件加载顺序调用方法的顺序很挑剔。我发现我必须移动“$”(“#zip#u代码”)。jqxMaskedInput({mask:'##-###,宽度:150,高度:25,主题:'darkblue')使其遵循javascript文件的加载顺序。。不知道为什么这么挑剔,但它确实起作用了。Javascript不在乎你把它们放在什么顺序,只要jqxmaskedinput.js文件是在调用.jqxmaskedinput
之前加载的。很可能,你在没有意识到的情况下更改了大小写来修复它(看看上面的代码,你可以看到它都是小写)。@shadowcroper你是这一次的赢家。抢手货我之所以忽略了它,是因为Intelissense在键入时突然出现了它,而且tab键有点太快了。你确定你不是指jqxMaskedInput
?哇,这对我来说是新的。。显然,javascript对基于javascript文件加载顺序调用方法的顺序很挑剔。我发现我必须移动“$”(“#zip#u代码”)。jqxMaskedInput({mask:'##-###,宽度:150,高度:25,主题:'darkblue')使其遵循javascript文件的加载顺序。。不知道为什么这么挑剔,但它确实起作用了。Javascript不在乎你把它们放在什么顺序,只要jqxmaskedinput.js文件是在调用.jqxmaskedinput
之前加载的。很可能,你在没有意识到的情况下更改了大小写来修复它(看看上面的代码,你可以看到它都是小写)。@shadowcroper你是这一次的赢家。抢手货我之所以忽略了它,是因为Intelissense在输入时突然出现了它,而tab键有点太快让我抓狂。
<div class="editor-label">
<label>First Name</label>
@Html.EditorFor(Function(model) model.first_name)
@Html.ValidationMessage("first_name", "*")
<label class="small_spacing">Middle Initial</label>
@Html.EditorFor(Function(model) model.middle_initial)
@Html.ValidationMessage("middle_initial", "*")
<label class="small_spacing">Last Name</label>
@Html.EditorFor(Function(model) model.last_name)
@Html.ValidationMessage("last_name", "*")
</div>
<div class="editor-label">
<label>City</label>
@Html.EditorFor(Function(model) model.city)
@Html.ValidationMessage("city", "*")
<label class="spacing">State</label>
@Html.DropDownListFor(Function(model) model.State, New SelectList(ViewBag.states), New With {.class = "StateDrop"})
@Html.ValidationMessageFor(Function(model)model.State)
<label class="small_spacing">Zip Code</label>
@Html.EditorFor(Function(model) model.zip_code)
@Html.ValidationMessage("zip_code", "*")
</div>
Uncaught TypeError: Object [object Object] has no method 'jqxmaskedinput'