使用jeditable-jquery添加内联编辑

本文关键字：编辑 添加 jeditable-jquery 使用 | 更新日期: 2023-09-27 18:00:59

我正在学习一个内联编辑教程。我下面的教程如下；

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

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

使用jeditable-jquery添加内联编辑

我不使用C#，只是想分享几个建议：

1( 尝试添加scrip打开/关闭标签：

<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。

相关文章：