Question

我正在按照教程进行内联编辑。我关注的教程是follows;

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

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

3）确保你已经加载了jQuery。这是jQuery插件，所以在这种情况下jQuery是必需的。

使用jeditable添加内联编辑 - jquery

1 个答案: