jQuery移动翻转盒TypeErrpr:无法读取属性'原型'

时间:2014-10-12 14:01:53

标签: asp.net-mvc asp.net-mvc-4 jquery-mobile datebox

我试图添加datebox插件, 来自:http://dev.jtsage.com/

我试图按照网站上的说明,但也许我错过了一些东西 因为我在页面加载时不断收到以下错误消息:

  

"未捕获的TypeError:无法读取属性'原型'未定义"

我正在使用mvc 4,并使用' NuGet'

将插件添加到我的项目中

我的bundleConfig:

bundles.Add(new ScriptBundle("~/bundles/jqm-datebox-core").Include(
                   "~/Scripts/jqm-datebox.core.js"));

        bundles.Add(new ScriptBundle("~/bundles/jqm-flipbox").Include(
                  "~/Scripts/jqm-datebox/jqm-datebox.mode.flipbox.js"));

        bundles.Add(new ScriptBundle("~/bundles/jqm-datebox-en").Include(
                  "~/Scripts/jquery.mobile.datebox.i18n.en.utf8.js"));

            bundles.Add(new StyleBundle("~/Content/jqm-datebox")
          .Include(("~/Content/jqm-datebox.css")));

layout.cshtml:

    @Styles.Render("~/Content/pangojquerymobilecss", "~/Content/jqueryMobileIconsCss", "~/Content/jqueryMobileStructureCss", "~/Content/Mobile/css", "~/Content/jqm-datebox")        

@Scripts.Render("~/bundles/jquerymobile", "~/bundles/jqm-datebox-core", "~/bundles/jqm-flipbox", "~/bundles/jqm-datebox-en")

cshtml:

<input type="text" data-role="datebox" data-options='{"mode":"flipbox"}'>

如果有任何帮助,我加载页面时创建的标题:     
                        

<script async="" src="//www.google-analytics.com/analytics.js"></script><script src="/Scripts/jquery-2.1.1.js"></script>
<script src="/Scripts/jquery.validate-1.13.0.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.js"></script>
<script src="/Scripts/jquery.unobtrusive-ajax.js"></script>

<script src="/Scripts/jquery.mobile-1.4.2.js"></script>
<script src="/Scripts/jqm-datebox/jqm-datebox.mode.flipbox.js"></script>

 <style type="text/css"></style></head>

谢谢

1 个答案:

答案 0 :(得分:0)

对于它的价值,如果您愿意,可以实际创建一个组合的js文件:

http://dev.jtsage.com/jQM-DateBox/builder/

它允许您定制您正在使用的jQM版本,包括您正在使用的模式,并包含您需要的任何数量的语言文件。

如果由于某种原因你需要使用那里没有列出的版本(尽管1.4.4版本适用于整个jQM 1.4分支,1.4.0版本可以向后兼容1.3.0),另一种选择是只是将所有js文件的内容复制并粘贴到一个 - 唯一的要求是.core文件必须首先出现,并且jQM仍然必须在datebox之前加载。