将<ul>转换为文本字段

时间:2015-07-27 13:47:50

标签: javascript jquery wordpress

我正在为wordpress制作一个小插件,到目前为止用户可以选择任何帖子或页面拖动页面的顺序,如下所示: https://jqueryui.com/sortable/

我现在面临的问题是如何按顺序保存此列表以便能够显示前端。我可以将它们转换为隐藏的文本字段或其他东西吗?怎么会做这样的事情?如果有人更改了列表的顺序,我需要更新它。

例如,如果用户已经按照以下方式创建了他/她的列表:

  1. -item1
  2. -item2
  3. -item3
  4. 它应该在网页上以该顺序显示,如果他们稍后去拖动项目并将帖子/页面更新为示例:

    1. -item2
    2. -item3
    3. -item1
    4. 这些变化应该反映在前端。我让拖拉机全部工作,但不知道如何从列表中保存数据。

      我可以以某种方式循环通过列表并通过我的metabox中的一些隐藏字段保存吗?

      亲切的问候, 埃米尔卡尔森

      单击按钮打开页面/帖子列表:

          <button type="button" id="hl-link-wp-button">
                      <span class="cms-page-link-icon cms-page-link-icon-link">&nbsp;</span> Länk
                  </button>
      
      运行此jquery函数的

      $('#hl-link-wp-button').click(function (e) {
                  wpActiveEditor = true;
                  wpLink.open($(this).attr('id'));
                  return false;
              });
      

      现在用户已经选择了一个页面/帖子并按下提交,这个被称为:

       $('#wp-link-submit').click(function (event) {
                  var linkAtts = wpLink.getAttrs();   
                  $('#test').val(linkAtts.href); 
        $("#sortable").append("<li>" + theValue + "</li>");
      

      该值现在填充文本字段以用于测试目的,并且还附加到列表中。

      文本字段:

          <input type="text" name="test" id="test" value="<?php echo relaterade_sidor_get_meta( 'test' ); ?>">
      

      列表:

      <ul id="sortable">
      

      如果我从第1点开始,我可以在列表中添加更多项目,但文本字段显然只能包含一个值。创建的列表是我想保存的。

      添加帖子/页面链接:http://gyazo.com/ee197791ddcdf48b42982e0bb641858b 添加几个链接后,我得到一个列表(没有样式):http://gyazo.com/6c8fbde88ab3bf18c50f45ef4f4c5295

      这是我不知何故希望保存并显示前端的列表。

      欢呼声

0 个答案:

没有答案