c# - 使用 jeditable 添加内联编辑 - jquery

Question

我正在按照教程进行内联编辑。我正在关注的教程如下；

@model MyPro.Models.MyMod


@{
    ViewBag.Title = "Test";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script src="~/Scripts/jquery.jeditable.js" type="text/javascript"></script>

 $(".display-label").editable("/Contr/TestMethod");

@using (Html.BeginForm())
{


    <div class="field">
        <div class="display-label" id="lblHi">Hi</div>
    </div>

...

现在，当我双击标签时，它无法编辑。为什么是这样 ？我是否正确添加了脚本标签？

Answer 1

我没有使用 C#，但只想分享几个建议：

1）尝试添加脚本打开/关闭标签：

<script type="text/javascript">
$(".display-label").editable("/Contr/TestMethod");
</script>

2) 将脚本添加到 $.ready 部分

<script type="text/javascript">
  $(document).ready(function() {
    $(".display-label").editable("/Contr/TestMethod");
  })
</script>

3) 确保你已经加载了 jQuery 本身。这是 jQuery 插件，因此在这种情况下需要 jQuery。