Question

我想使用按钮进行内联x可编辑。

如果我在修复选择器中使用它，例如：

<div id="livesearch"></div>

工作正常。

但是我有元素和id，它们来自数据库，我不能说我有多少id以及有什么名字。

我现在用一个按钮。如果我单击此按钮（如示例中所示），那么我也会得到此字段中的id，即我需要的内容。

如果有可能我可以使用$（'＃'+ myselectorId）.editable（{

如果DOM加载正常，那么我可以找到所有id的

如果我点击按钮，那么我可以从该可编辑字段获取我需要的ID。

正常我必须修复选择器，如：

$('#publicname-change').editable({

我正在寻找一种通过点击按钮并使用动态ID（选择器）来调用此可编辑的方法，如下所示：

 $('#username').editable({
    type: 'text',
    pk: 1,
    url: '/post',
    title: 'Enter username'
   });

最好的问候。

尔根

Answer 1

自从您寻找输入后可能会有效：

var inputObj=[];
$("input").each(function(index){
    thisID=$(this).attr("id");
    thisNAME=$(this).attr("name");
    inputObj[index]={"thisID":thisID,"thisNAME":thisNAME};
    console.log("thisID: "+thisID+", thisNAME: "+thisNAME);
});

var inputTotal="";
for(i=0;i<inputObj.length;i++){
    inputTotal += JSON.stringify(inputObj[i]);
}
console.log(inputTotal);

在所有页面中运行。
可能会使用Console.log。

它给出了这样的结果：

其他很酷的东西是这个sotfware：Agent Ransack完全免费并且非常有用，可以通过关键字搜索大型网络开发文件夹 s 来查找文件标题和文件内容+ regexp。

必须！

）

Answer 2

首先，感谢您的帮助和回答。

也许我首先描述的问题不正确...

我想使用jquery x-editable插件.... 在我的测试网站上工作这个插件很好...但现在我加载一个动态的一面......他们包括一些标签...标签的数量取决于数据库中有多少标签...

我希望代码能让你更清楚地理解......

     <?php


     echo '<ul class="nav nav-tabs navSub">';
   while($row       = mysqli_fetch_object($result_4)){
    $active = "";
    if ($row->active ==1){
        $active = "active";
    }
    echo '<li class="'.$active.'" id="'.$row->liBoxId.'" 
     typeGroup="'.$row->typeGroupId.'">';
    echo '<a href="#"'.$row->divBoxId.'" class="editable shortDesc"   name="shortDesc" id="'.$row->editableid.'" onclick="request(7,1,1, 1, 0,0, '.$row->typeGroupId.')" data-toggle="tab">';
         echo ''.$row->tabTitle.'';
          echo '<span class="badge badge-success">&nbsp;</span>';
         echo '</a>';
    echo '</li>';
};

        echo '<button type="button" id="editTitle" class="btn btn-white btn-info">';
        echo '<i class="blue ace-icon fa fa-pencil  center bigger-110"></i>';
       echo '</button>';
       echo '</ul>';

      ?>

     <script>

           $( document ).ready(function() {
           $('.shortDesc').each(function() {
           $('#'+this.id+'').editable('disable', true);
             });
       });



           jQuery(function($) {

            $.fn.editable.defaults.mode = 'inline';
            $.fn.editableform.loading = "<div class='editableform-loading'><i class='ace-icon fa fa-spinner fa-spin fa-2x light-blue'></i></div>";
            $.fn.editableform.buttons = '<button type="submit" class="btn btn-info editable-submit"><i class="ace-icon fa fa-check"></i></button>'+
                                        '<button type="button" class="btn editable-cancel"><i class="ace-icon fa fa-times"></i></button>'; 



         }

           $('#editTitle').click(function(e){  
                var id = $("ul.navSub li.active").attr('id');               
                id = "editable-"+id;
                e.stopPropagation();
                $('#'+id+'').editable('enable', true);
                //$('#publicname-change').editable('toggle');
        },
        $('#'+id+'')
            .editable({
                type: 'text',
                name: 'shortDesc',
                data: {oper:'editDetail'},
                url: 'incl/asedScripts/ased_updateTitle.php',
                success: function(data,response, newValue) {
                    if(response.status == 'error') return response.msg;

                }
         });    
     );
     </script>

我不确定是否可以使用我从jquery-call获得的id进行编辑....

$('#'+id+'')
            .editable({

最好的问候和感谢任何帮助

尔根

内联可编辑按钮和动态元素

2 个答案: