Javascript $modal.modal不是FooTable中的函数_Javascript_Jquery_Html_Asp.net Mvc_Twitter Bootstrap

Javascript $modal.modal不是FooTable中的函数

javascript jquery html asp.net-mvc twitter-bootstrap

Javascript $modal.modal不是FooTable中的函数,javascript,jquery,html,asp.net-mvc,twitter-bootstrap,Javascript,Jquery,Html,Asp.net Mvc,Twitter Bootstrap,我正在关注这一点这是我的代码（我已经排除了我的表格HTML）： @model IEnumerable @{ Layout=“~/Views/Shared/_Layout.cshtml”； ViewBag.Title=“作业经理”； } .form-group.required.控件标签：后{ 内容：“*”；颜色：红色；左边距：4倍； } x 添加行参考文献保存更改取消 jQuery（函数（$）{ 变量$modal=$（“#编辑器modal”）， $editor=$（“#editor”

我正在关注这一点

这是我的代码（我已经排除了我的表格HTML）：

@model IEnumerable
@{
Layout=“~/Views/Shared/_Layout.cshtml”；
ViewBag.Title=“作业经理”；
}
.form-group.required.控件标签：后{
内容：“*”；
颜色：红色；
左边距：4倍；
}
x
添加行
参考文献
保存更改
取消
jQuery（函数（$）{
变量$modal=$（“#编辑器modal”），
$editor=$（“#editor”），
$editorTitle=$（“#编辑标题”），
ft=FooTable.init（“#编辑示例”，
{
编辑：{
editRow:函数（行）{
var values=row.val（）；
$editor.find（'#id'）.val（values.id）；
$editor.find（'#reference'）.val（values.reference）；
$modal.data（'行'，行）；
$modal.modal（'show'）；
$editorTitle.text（'Edit row#'+values.id）；
}
}
});
});

在布局文件中，我将脚本定义为：

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="~/Scripts/modernizr-2.6.2.js"></script>
    <script src="~/scripts/jquery-1.10.2.min.js"></script>
    <script src="~/scripts/footable.min.js"></script>
    <link href="~/Content/site.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/footable.bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/footable.fontawesome.css" rel="stylesheet" type="text/css" /> 
</head>

我有两个问题。首先，“FooTable”上的图标显示不正确，它们看起来就像是乱七八糟的字符。我之前读过一个答案，有很多字体文件我需要包括在内

我试过了，但没用，而且我在FooTable网站上找不到任何包含这些图标的指南

其次，我得到一个错误$modal.modal在我试图编辑行并显示模式时不是一个函数。我还读了一些关于这个问题的答案，我的jQuery必须在引导之前解析，但就我在布局中所见，脚本已正确加载

非常感谢您的帮助。

bootstrap.min.js将对您有所帮助，请阅读下面的内容

模态是在bootstrap.js中定义的，而不是在jQuery中定义的。还需要注意的是，bootstrap实际上需要jQuery来定义模态函数，因此在包含bootstrap的javascript之前包含jQuery是至关重要的。为了避免错误，只需确保在调用模态函数之前包含jQuery，然后是bootstrap的javascript

资料来源：

希望能有所帮助

谢谢

Karthik

bootstrap.min.js将对您有所帮助，请阅读以下内容

资料来源：

希望能有所帮助

谢谢

Karthik

谢谢你的回答。你能看到我的代码中有什么具体的错误吗？据我所知，我以正确的顺序包含了这两个文件。似乎bootstrap.min.js文件丢失了，请检查一下，谢谢您的回答。你能看到我的代码中有什么具体的错误吗？就我所知，我以正确的顺序包含了这两个文件。看起来bootstrap.min.js文件丢失了，请检查一下

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="~/Scripts/modernizr-2.6.2.js"></script>
    <script src="~/scripts/jquery-1.10.2.min.js"></script>
    <script src="~/scripts/footable.min.js"></script>
    <link href="~/Content/site.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/footable.bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="~/Content/footable.fontawesome.css" rel="stylesheet" type="text/css" /> 
</head>