ฉันรู้ว่าฉันสามารถเพิ่มไฟล์สคริปต์ลงในส่วนท้ายของ wordpress ที่ต้องการ jquery โดยใช้รหัสนี้:

<?php
function my_scripts_method() {
   // register your script location, dependencies and version
   wp_register_script('custom_script',
       get_template_directory_uri() . '/js/custom_script.js',
       array('jquery'),
       '1.0',
       true);
   // enqueue the script
   wp_enqueue_script('custom_script');
}
add_action('wp_enqueue_scripts', 'my_scripts_method');
?>

แต่ถ้าฉันต้องการเพิ่มเพียงส่วนย่อยของ jquery แบบอินไลน์ไม่ใช่ไฟล์ วิธีนี้สามารถทำได้

แก้ไข

ฉันรู้ว่าฉันสามารถใช้สคริปต์นี้เพื่อเพิ่มบางอย่างลงในส่วนท้าย:

<?php
function myscript() {
?>
<script type="text/javascript">
 // This depends on jquery
</script>
<?php
}
add_action('wp_footer', 'myscript');

แต่ฉันจะระบุสคริปต์ที่ใช้ต้อง jqueryให้ทำงานได้อย่างไร

วิธีที่ง่ายที่สุดในการทำเช่นนี้คือการรวมกันของwp_enqueue_scriptและส่วนท้ายของการกระทำที่ Saif และ v0idless อ้างอิงแล้ว ฉันมักจะใช้ jQuery ในธีมและปลั๊กอินของฉัน แต่ฉันใส่สคริปต์อื่นทั้งหมดลงในส่วนท้ายเช่นกัน

วิธีที่ดีที่สุดในการจัดคิวจริง ๆ คือ:

function myscript() {
?>
<script type="text/javascript">
  if ( undefined !== window.jQuery ) {
    // script dependent on jQuery
  }
</script>
<?php
}
add_action( 'wp_footer', 'myscript' );

function myscript_jquery() {
    wp_enqueue_script( 'jquery' );
}
add_action( 'wp_head' , 'myscript_jquery' );

แต่โค้ดนี้ถูกสมมติว่าคุณเป็นผู้รอคิวสคริปต์นั่นคือคุณกำลังทำสิ่งนี้ในปลั๊กอินหรือธีมของคุณเอง

ในขณะนี้ไม่มีวิธีเพิ่มสคริปต์ในบรรทัดไปยังส่วนท้ายของ WordPress และโหลดด้วยการอ้างอิง แต่มีทางเลือกอื่นถ้าคุณเต็มใจ

ทางเลือก

เมื่อ WordPress ทำงานกับสคริปต์มันจะโหลดมันไปยังวัตถุเพื่อติดตามมัน ภายในรายการมีวัตถุ 3 รายการ:

• ลงทะเบียน
• คิว
• เสร็จแล้ว
• ทำ

เมื่อคุณลงทะเบียนสคริปต์ครั้งแรกสคริปต์wp_register_scripts()จะถูกวางไว้ในรายการที่ลงทะเบียน เมื่อคุณwp_enqueue_script()สคริปต์มันจะถูกคัดลอกไปยังรายการคิว หลังจากถูกพิมพ์ไปยังหน้าเอกสารจะถูกเพิ่มไปยังรายการที่ทำเสร็จแล้ว

ดังนั้นแทนที่จะรอคิวสคริปต์ท้ายกระดาษของคุณเพื่อต้องการ jQuery คุณสามารถจัดทำเอกสารว่าจำเป็นต้องใช้ jQuery และเพียงตรวจสอบแบบมีโปรแกรมเพื่อให้แน่ใจว่าโหลด jQuery แล้ว

ใช้wp_script_is()เพื่อตรวจสอบว่ามีการระบุสคริปต์ไว้ที่ใด

function myscript() {
    if( wp_script_is( 'jquery', 'done' ) ) {
    ?>
    <script type="text/javascript">
      // script dependent on jQuery
    </script>
    <?php
    }
}
add_action( 'wp_footer', 'myscript' );

คุณอาจจะสามารถใช้รหัสเดียวกันนี้เพื่อบังคับให้ jQuery โหลดส่วนท้ายได้เช่นกัน แต่ฉันไม่ได้ทดสอบว่า ... ดังนั้นระยะทางของคุณจะแตกต่างกันไป

ตั้งแต่ WordPress 4.5 wp_add_inline_script()คุณสามารถเพิ่มสคริปต์แบบอินไลน์โดย ในการเพิ่มข้อมูลโค้ด javascript ให้กับส่วนท้ายที่ต้องการ jQuery รหัสนี้จะช่วยคุณ

function enqueue_jquery_in_footer( &$scripts ) {

    if ( ! is_admin() )
        $scripts->add_data( 'jquery', 'group', 1 );
}
add_action( 'wp_default_scripts', 'enqueue_jquery_in_footer' );

function theme_prefix_enqueue_script() {
   if(!wp_script_is('jquery', 'done')) {
     wp_enqueue_script('jquery');
   }
   wp_add_inline_script( 'jquery-migrate', 'jQuery(document).ready(function(){});' );
}
add_action( 'wp_enqueue_scripts', 'theme_prefix_enqueue_script' );

wp_add_inline_script ด้วย jQuery ของ wordpress

ใช้การwp_footerกระทำเช่นนี้:

add_action( 'wp_footer', 'wpse33008');
function wpse33008() {
?>
<script type="text/javascript">
    /** INSERT SCRIPT HERE **/
</script>
<?php
}

ฉันรู้ว่าOPต้องการระบุข้อกำหนดเกี่ยวกับ jQuery และผู้เขียน WordPress ควรอนุญาตให้ส่วนย่อยติดตั้งไฟล์สคริปต์ แต่พวกเขาทำไม่ได้ดังนั้นฉันแนะนำไม่พยายามบังคับมัน หากคุณไม่ต้องการยุ่งกับคิวหรือคำสั่งของมันเลยอย่างฉัน (เพราะฉันใช้ปลั๊กอินอื่นที่รวมและเพิ่มประสิทธิภาพสคริปต์) ดังนั้นคำตอบก็คือใช้wp_footerแอ็คชั่นเช่นนี้:

<?php

add_action(
    'wp_footer'
    , function() {
        ?>
        <script>
            if (window.jQuery) {
                // your snippet
            }
        </script>
        <?php
    }
    , 21 # after enqueued footer scripts
);

คุณสามารถใช้wp_footerแอคชั่นนี้ได้ ตรวจสอบ Codex สำหรับwp_footer