第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

在 WordPress 后端保存 jQuery UI 可排序順序

在 WordPress 后端保存 jQuery UI 可排序順序

富國(guó)滬深 2023-12-14 16:58:47
我嘗試更改 WordPress 中每個(gè)帖子的分類術(shù)語(yǔ)的順序。在 EDIT POST 頁(yè)面上,我創(chuàng)建了一個(gè)包含自定義分類術(shù)語(yǔ)的元框,并設(shè)法使它們可以通過(guò) Jquery 進(jìn)行排序。這是我在WordPress 后端的列表:jQuery(document).ready(function () {        // Make the term list sortable        jQuery("#the-terms").sortable({                items: ".item",                placeholder: "sortable-placeholder",                tolerance: "pointer",                distance: 1,                forcePlaceholderSize: true,                helper: "clone",                cursor: "move",        });        // Save the order using ajax        jQuery("#save_term_order").on("click", function () {                var postID = $("#post_ID").val();                jQuery.post(ajaxurl, {                        action: "save_term_order",                        cache: false,                        post_id: postID,                        order: jQuery("#the-terms").sortable("toArray").toString(),                        success: ajax_response(),                });                return false;        });});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script><script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script><div class="inside">    <ul id="the-terms" class="ui-sortable">        <li class="item" id="term-816">Item 1</li>        <li class="item" id="term-895">Item 2</li>        <li class="item" id="term-1034">Item 3</li>    </ul><a href="javascript: void(0); return false;" id="save_term_order" class="button-primary">Update Order</a></div>我的問(wèn)題:我對(duì) Jquery 和 PHP 開(kāi)發(fā)完全陌生。我應(yīng)該怎么做才能在單擊按鈕時(shí)將條款訂單保存到數(shù)據(jù)庫(kù)?
查看完整描述

1 回答

?
回首憶惘然

TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超11個(gè)贊

我首先看到的是有一些未定義的東西:

  • ajaxurl

  • ajax_response()

這些需要在該腳本運(yùn)行之前定義。

這是一個(gè)可能對(duì)您有幫助的示例。

jQuery(function($) {

  function getListOrder(tObj) {

    var list = $(tObj).sortable("toArray");

    return list.toString();

  }

  

  var ajaxUrl = "";

  

  // Make the term list sortable

  $("#the-terms").sortable({

    items: ".item",

    placeholder: "sortable-placeholder",

    tolerance: "pointer",

    distance: 1,

    forcePlaceholderSize: true,

    helper: "clone",

    cursor: "move",

  });

  

  // Save the order using ajax

  $("#save_term_order").on("click", function(e) {

    e.preventDefault();

    var postID = $("#post_ID").val();

    var listOrder = getListOrder("#the-terms");

    console.log("List Order:", listOrder);

    $.post(ajaxUrl, {

      action: "save_term_order",

      cache: false,

      post_id: postID,

      order: listOrder,

      success: true

    });

    return false;

  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

<div class="inside">

  <ul id="the-terms" class="ui-sortable">

    <li class="item" id="term-816">Item 1</li>

    <li class="item" id="term-895">Item 2</li>

    <li class="item" id="term-1034">Item 3</li>

  </ul><a href="javascript: void(0); return false;" id="save_term_order" class="button-primary">Update Order</a>

</div>

WordPress 使用jQuery(),但您可以傳入 NameSPace 以用于該代碼塊。使用jQuery(function($){})將允許您使用$("#the-terms")例如。


我將列表的集合拆分為它自己的函數(shù)只是為了更容易調(diào)用,它返回字符串。


更新


對(duì)于您的 PHP,請(qǐng)考慮以下事項(xiàng)。


示例帖子:


{

  action: "save_term_order",

  cache: false,

  post_id: "3001",

  order: "term-816,term-1034,term-895"

}

如果您想添加8161034895到數(shù)據(jù)庫(kù),請(qǐng)嘗試此操作。


add_action ( 'wp_ajax_save_term_order', 'term_order_save' );

function term_order_save () {

  global $wpdb;

  $wpdb->flush ();

  $item_id = $_POST['post_id'];

  $meta_key = '_term_order';


  $int = preg_replace("/[^0-9]/", "", $_POST['order']);


  update_post_meta ( $item_id, $meta_key, array ( 'term_order' => $int ) );


  $response = '<p>Term order updated</p>';

  echo $response;


  die(0);

}

狀態(tài)0用于成功終止程序。


https://www.php.net/manual/en/function.exit.php


查看完整回答
反對(duì) 回復(fù) 2023-12-14
  • 1 回答
  • 0 關(guān)注
  • 154 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)