在引导程序中为可编辑的弹出框创建jQuery / HTML

如何解决在引导程序中为可编辑的弹出框创建jQuery / HTML

（完整的noob问题，请参见上下文）

我一直在为工作自定义引导程序模板，随时随地学习HTML和CSS，现在正在学习如何在标题中添加popover可编辑字段。标头已经在模板中包含两个弹出窗口，可以从管理端进行编辑。我想创建一个可编辑的字段，使工作人员可以将其工作区域添加到标题中。我离很近，无法弄清jQuery和弹出窗口，但是我看不到我在哪里做那微小的编码错误。

我有两个正在尝试的jQuery代码片段。一种是复制预先存在的jQuery，并使用自定义的span id对其进行编辑，这使我在单击时出现一个弹出框，但即使在指南编辑端也不会保存任何内容。我正在复制网站的原始HTML，并为此查询使用了范围ID。

$ function代码是我从其他人的引导实验中复制的一部分通用代码，非常感谢，并使用通用代码的链接。这是更好的进步：弹出框可正常使用，但不会在刷新或面向公众的一面/预览中停留。

我在这里想念的什么简单的事情？

干杯， 杰伊

jQuery(function() {
    jQuery("#subject-identifier-editable").editable({
        type: "text",placement: "right",url: "guide_process.php",pk: 928416,ajaxOptions: {
                    dataType: "json"
                },params: {
                    action: 26
                },validate: function(value) {
                    if( jQuery.trim(value) == "" ) {
                            return springSpace.lang.global_field_required;
                        }
                },success: function(data,config) {
                    if ( data.errCode != 200 ) {
                                return data.errText;
                      } else {

                    }
                },error: function(errors) {

                }
    });
   
     
    $(function () {
       $('.extraSectionTitle').editable({
            success: function (response,newValue) {
                if (response.status == 'error') {
                    return response.msg;
                }
            }
       });
       $('.extraSectionDescription').editable({
           success: function (response,newValue) {
               if (response.status == 'error') {
                   return response.msg;
               }
            }
       });
  });

<span id="subject-identifier-editable" class="editable editable-click">Department area</span>
  
  <a class="editable editable-click extraSectionTitle" data-original-title="Edit Title" data-pk="1" data-type="text" href="#" data-url="#" data-placement="right">Department area</a>