jquery - 使用 jQuery 就地编辑 ASP.NET 母版页

Question

您好，我正在尝试获得就地编辑功能。但这次它位于 ASP.net 应用程序的母版页中。我在母版页上有一个标签控件(用于每个网页的标题)。在我的内容页面中，我想允许用户编辑该标题。场景是当用户单击标签时，标签应转换为文本框。编辑，然后当文本框失去焦点时，应将其转换为更新的标签。我不想更改我的母版页内容。否则我可能可以在主页上添加一个隐藏的文本框以用标签替换它。但我担心的是，我可以在不编辑母版页的情况下执行此操作吗？我尝试使用 JQuery .replaceWith() 方法。但我对 JQuery 和 asp.net 很陌生。请帮助我，谢谢。
我尝试了斯蒂芬的解决方案，但出现对象不支持Javascript运行时错误。 JS 代码如下:

<script type="text/javascript" src="../Scripts/jquery-1.4.2.min.js" ></script> 
<script type="text/javascript" src="../Scripts/jquery-1.3.2.min.js" ></script> 
<script type="text/javascript" src="../Scripts/jquery/jeditable.js" charset="utf-8">      </script>
<script type="text/javascript">
     $(document).ready(function() {
        $(".click").editable("~/AdminArea/Setup/SetupFixedText.aspx", {
         tooltip: "Click to edit...",
         style: "inherit"
     });

     });

</script>  

在 aspx 中，我首先有一个标签，我将 calss 分配给标签，但现在已将标签放置在“b”中

div id = 'lblcontent' 
h3 class="BlueHeading"
b class="click" style="display: inline"
asp:Label  ID="lblContentTitle" runat =  "server"  EnableViewState="False"  
/asp:Label
/b

/h3
/div   

我删除了尖括号，因为该编辑器将其视为 html。

Answer 1

对于使用 jQuery 进行 InPlaceEditing，您应该查看这个插件...

http://www.appelsiini.net/projects/jeditable

应该会让事情变得更容易

编辑给定的发布代码

将您的 aspx 页面更改为:

<div id='lblcontent'>  
 <h3 class="BlueHeading"> 
  <b style="display: inline"> 
   <asp:Label  ID="lblContentTitle" runat="server" CssClass="click" EnableViewState="False"></asp:Label> 
  </b>  
 </h3> 
</div>