คำถามติดแท็ก javascript

ฉันได้เพิ่มสคริปต์ของฉันแล้ว แต่ฉันต้องการทราบวิธีที่ต้องการ ฉันเพิ่งวาง<script>แท็กลงในheader.phpเทมเพลตของฉันโดยตรง มีวิธีที่ต้องการในการแทรกไฟล์ js ภายนอกหรือกำหนดเอง? ฉันจะผูกไฟล์ js กับหน้าเดียวได้อย่างไร (ฉันมีหน้าแรกในใจ)

68 theme-development  javascript 

คำถาม ไม่อะไรwp-embed.min.jsไฟล์ทำอย่างไร ฉันสังเกตเห็นว่ามันถูกเพิ่มไปยังส่วนท้ายของส่วนท้ายของหน้าบล็อกของฉัน ฉันจะกำจัดมันได้อย่างไร ความพยายาม หลังจาก googling และฉันพบEmbedsบน Codex ทำไม WordPress ถึงคิดว่าฉันต้องการเพิ่มวิดีโอ ฯลฯ ลงในหน้าของฉันเป็นค่าเริ่มต้น? สิ่งแวดล้อม WordPress 4.4

52 javascript  wp-enqueue-script  embed  footer 

ฉันกำลังสร้างปลั๊กอินและฉันต้องการเพิ่มบิตของจาวาสคริปต์ในส่วนหัวของผู้ดูแลระบบ แต่สำหรับหน้าผู้ดูแลระบบบางหน้าเท่านั้น ฉันไม่ได้หมายถึงหน้าเว็บในหน้า WordPress ที่คุณสร้างขึ้นเอง แต่เป็นหน้าของผู้ดูแลระบบที่มีอยู่เช่น 'โปรไฟล์ของคุณ', 'ผู้ใช้' ฯลฯ มีฟังก์ชั่น wp สำหรับงานนี้โดยเฉพาะหรือไม่? ฉันค้นหามาแล้วและฉันสามารถหาฟังก์ชั่นบูลีนis_adminและแอ็คชัน hooks เท่านั้น แต่ไม่ใช่ฟังก์ชั่นบูลีนที่เพิ่งตรวจสอบ

32 plugin-development  javascript  api  functions 

หากต้องการขยาย: ฉันต้องการใช้โค้ด / ลักษณะที่ปรากฏของ Modal เดียวกัน (ที่ใช้ใน wp.media.Modal, wp.media.FocusManager) เพื่อเปิด modal ของกล่องโต้ตอบที่กำหนดเองของฉันไม่ใช่ Media Editor ในอดีตฉันเคยใช้ thickbox สำหรับสิ่งนี้ แต่ wp.media.Modal ดูเหมือนจะเป็นวิธีในอนาคตสำหรับ modals - ไม่พูดถึงมันดูเท่ห์ ฉันแหย่ที่แหล่ง JS เล็กน้อยและมาแก้ปัญหาที่เป็นไปได้สองสาม: "ยืม" รหัส media-views.js และใช้ในปลั๊กอินของฉัน "ขยาย" wp.media.Modal (เป็นมุมมอง Backbone เลย) สร้างการใช้งานที่กำหนดเอง jQueryUI ฯลฯ เพียงแค่ยอมแพ้และใช้ thickbox การยืมดูเหมือนว่าจะอันตรายน้อยกว่าการใช้ wp.media.Model.extend ({}) แต่สิ้นเปลือง ฉันไม่ใช่แฟนตัวยงของรูปแบบของ jQueryUI แต่มันจะทำให้งานสำเร็จ ในเวลาเดียวกันฉันสามารถปรับใช้ modals (หรือทำให้มันแตกต่างจาก …

30 plugin-development  wp-admin  javascript 

ฉันไม่สามารถเพิ่มแท็กที่เลื่อนออกไปในปลั๊กอินจาวาสคริปต์ การทดสอบหน้าเว็บสำหรับนักพัฒนาซอฟต์แวร์ของ Google แนะนำให้ฉันเพิ่มแท็กที่เลื่อนออกไปในรูปแบบการติดต่อ 7 javascripts นี่คือวิธีที่ฟอร์มการติดต่อ 7 รวมถึงจาวาสคริปต์ในส่วนหัว add_action( 'wp_enqueue_scripts', 'wpcf7_enqueue_scripts' ); function wpcf7_enqueue_scripts() { // jquery.form.js originally bundled with WordPress is out of date and deprecated // so we need to deregister it and re-register the latest one wp_deregister_script( 'jquery-form' ); wp_register_script( 'jquery-form', wpcf7_plugin_url( 'jquery.form.js' ), array( 'jquery' …

28 filters  javascript  wp-enqueue-script 

WP มีตัวโหลดจาวาสคริปต์ที่ดีรวมอยู่ใน wp-admin: http://core.trac.wordpress.org/browser/tags/3.0.4/wp-admin/load-scripts.php และตัวโหลด CSS: http://core.trac.wordpress.org/browser/tags/3.0.4/wp-admin/load-styles.php ฉันสงสัยว่ามันเป็นไปได้ที่จะใช้พวกเขาในส่วนหน้าเช่นกันไม่เพียง แต่ผู้ดูแลระบบเพราะพวกเขาสามารถเชื่อมสคริปต์ที่เข้าคิวทั้งหมดและเชื่อมต่อกับพวกเขาเป็นไฟล์ gzipped ไฟล์เดียว

27 css  javascript  performance  wp-enqueue-script 

ฉันใหม่มากสำหรับ API นี้อันที่จริงฉันใช้เวลาเพียงไม่กี่ชั่วโมง ฉันทำวิจัยแล้ว แต่ไม่พบอะไรเลย ... ปัญหาคือฉันไม่สามารถรับภาพเด่นของโพสต์ได้ "featured_media: 0"ผลตอบแทนที่ได้ JSON getPosts: function() { var burl = "http://www.example.com/wp-json/wp/v2/posts"; var dataDiv = document.getElementById('cards'); $.ajax({ url: burl, data: data, type: 'GET', async: false, processData: false, beforeSend: function (xhr) { if (xhr && xhr.overrideMimeType) { xhr.overrideMimeType('application/json;charset=utf-8'); } }, dataType: 'json', success: function (data) { …

24 javascript  api  json  plugin-json-api 

พยายามคิดให้ออกว่าโปรแกรมเมอร์คนอื่นกำลังทำอะไรอยู่ ฉันสงสัยว่าfunctions.phpไฟล์จะถูกเรียกใช้เมื่อคุณจัดการด้าน AJAX หรือไม่? ฉันรู้ว่าเมื่อคุณทำการโทร AJAX ส่วนหนึ่งของ WP จะถูกโหลดขึ้นเพื่อประมวลผลการโทรและส่งการตอบกลับ มีfunctions.phpไฟล์อยู่ในนั้นหรือไม่? เหตุผลที่ฉันถามคือเพราะเขาใช้คลาสจากปลั๊กอิน Meta-Box และโหลดเป็นส่วนหนึ่งของธีมแทน มี AJAX บางตัวในคลาสนั้นที่ส่งคืนการตอบกลับที่ว่างเปล่าเท่านั้นและฉันคิดว่าเป็นเพราะโค้ดที่จัดการการตอบกลับไม่ได้รับการโหลด มีเอกสารอะไรที่จะโหลดเมื่อ WP จัดการ AJAX หรือไม่

23 theme-development  ajax  javascript  debug 

ฉันกำลังพยายามหาวิธีที่จะ 'รีเฟรช' ไลบรารีสื่อในกล่องโต้ตอบสื่อใหม่ใน 3.5 ฉันกำลังเพิ่มรูปภาพจากไลบรารีรูปภาพภายนอกไปยังไลบรารี WordPress (ผ่านคำสั่งผสมแท็บ / iFrame ในกล่องโต้ตอบสื่อ) ซึ่งใช้งานได้ แต่ฉันต้องปิดและเปิดกล่องโต้ตอบใหม่เพื่อแสดงรูปภาพที่เพิ่งเพิ่มใหม่ (ซึ่งมีเรียบร้อยแล้วได้รับการ aded ไปยังห้องสมุด) ฉันรู้ว่ามีwp.media.editor.open()และwp.media.editor.close()วิธีการต่าง ๆ แต่ฉันก็ไม่สามารถที่จะหาsort()หรือrefresh()(หรืออะไรก็ตาม) ในแหล่งที่มา ความจริงจะบอกรหัสแหล่งที่มาคือการอ่านที่รุนแรงมากและconsole.logดูเหมือนจะไม่ได้ช่วย backbone.js มากนัก ความคิดใด ๆ

23 uploads  javascript  media-library  media-modal 

ฉันพยายามจัดคิวสคริปต์ JS เฉพาะเมื่อมีคนเพิ่มหรือแก้ไขประเภทโพสต์ที่ฉันกำหนดเองซึ่งเรียกว่า "สูตรอาหาร" ขณะนี้สคริปต์ใช้งานได้เมื่อฉันทำสิ่งนี้: if (is_admin()){ wp_enqueue_script( 'my-script' ); } แต่สิ่งนี้จะโหลดในหน้าผู้ดูแลระบบทุกครั้งฉันคิดว่าฉันต้องขอฟังก์ชั่น แต่ฉันไม่รู้ว่ามันควรจะเป็นอะไร ขอบคุณล่วงหน้า!

23 custom-post-types  javascript  hooks  wp-enqueue-script  actions 

ฉันมีวิดเจ็ตที่มีตัวควบคุมจาวาสคริปต์แนบมาด้วย หากวิดเจ็ตปรากฏขึ้นเมื่อโหลดหน้าผู้ดูแลระบบวิดเจ็ตตัวควบคุมจะทำงานอย่างถูกต้อง เมื่อฉันเพิ่มวิดเจ็ตใหม่มันไม่ทำงานอย่างถูกต้องฉันได้รับมาร์กอัป แต่ไม่มีเหตุการณ์จาวาสคริปต์ที่จะมีผล ถ้าฉันบันทึกวิดเจ็ตใหม่เมื่อรีโหลดแบบฟอร์มตัวควบคุมจะถูกสร้างขึ้นอย่างถูกต้องและตอนนี้ทำงานได้ การรีเฟรชหน้ายังช่วยแก้ไขปัญหา แต่สำหรับวิดเจ็ตที่มีอยู่เท่านั้น วิดเจ็ตใหม่ยังคงมีปัญหานี้อยู่ โดยเฉพาะฉันกำลังเรียกใช้เลือกในอินพุตที่เลือกที่จุดเหล่านี้: เอกสารพร้อม ajaxComplete ฉันตรวจสอบแล้วว่ารหัสของฉันทำงานในแต่ละกิจกรรมตามต้องการ แต่ผลลัพธ์ไม่เป็นไปตามที่คาดไว้ นี่คือปลั๊กอินทดสอบที่แสดงถึงปัญหา: https://gist.github.com/Tarendai/8466299 คุณจะเห็นว่าฉันมีเคาน์เตอร์ที่เพิ่มขึ้นทุกองค์ประกอบที่เลือกพบว่ามันสามารถแปลงได้ หมายเหตุ: เมื่อหน้าวิดเจ็ตโหลดฉันสามารถเห็นตัวนับเพิ่มขึ้นในคอนโซล JS ตามที่คาดไว้ เมื่อฉันเพิ่มวิดเจ็ตใหม่รหัสจะถูกรัน แต่มันล้มเหลวในการค้นหาองค์ประกอบที่เลือกใด ๆ ที่มันสามารถทำงานได้ตามที่แสดงโดย found.length ที่ 0 ซึ่งไม่ควรเป็นเช่นนี้เพราะวิดเจ็ตใหม่ทุกประเภทนั้นควร มีองค์ประกอบที่เลือก อิลิเมนต์ที่เลือกมีคลาสที่จะระบุคลาสนี้จะถูกลบออกเมื่อมีการใช้ไลบรารีเลือกเพื่อป้องกันการทำซ้ำและการประมวลผลซ้ำบนวิดเจ็ตที่มีอยู่ ก่อนที่จะใช้ selectize ฉันใช้ Select2 ซึ่งมีปัญหาเดียวกัน การแสดงความคิดเห็นรหัส AJAX ฉันคาดหวังว่าวิดเจ็ตใหม่จะมีอินพุตเลือกแบบมาตรฐาน พวกเขาไม่ได้. ฉันไม่รู้ว่าทำไมในกรณีนี้ ดังนั้นฉันจะทำให้ตัวเลือกควบคุมทำงานโดยไม่บอกผู้ใช้ให้รีเฟรช / คลิกบันทึกก่อนทำการเปลี่ยนแปลงได้อย่างไร

20 widgets  javascript 

ฉันได้ทำการวัดความแรงของรหัสผ่านเริ่มต้นของ wordpress แต่ไม่ทราบวิธีใช้ ขณะนี้หน้า codexไม่ได้ให้ลิงค์ไปยังเอกสารใด ๆ มีใครมีลิงค์ไปยังหน้าตัวอย่างหรือเอกสารประกอบหรือไม่ การแก้ไข HTML ค่อนข้างง่าย จะมีสองกล่องรหัสผ่าน หนึ่ง div เพื่อแสดงผลลัพธ์รหัสผ่านและไฟล์ที่ถูกซ่อนเพื่อรับชื่อผู้ใช้ และนอกหลักสูตรคุณต้องเข้าคิวjqueryและwp_enqueue_script('password-strength-meter');ก่อนรหัส jQuery นี่คือรหัส jQuery เพื่อให้ใช้งานได้: jQuery(document).ready(function(){ if(jQuery("#pass-strength-result").length > 0){ jQuery("#pass1").bind("keyup", function(){ var pass1 = jQuery("#pass1").val(); var pass2 = jQuery("#pass2").val(); var username = jQuery("#username").val(); var strength = passwordStrength(pass1, username, pass2); updateStrength(strength); }); jQuery("#pass2").bind("keyup", function(){ var pass1 = …

18 javascript  wp-enqueue-script 

Websocketsเป็นเทคโนโลยีที่ล้ำสมัยและทันสมัยซึ่งถูกรวมไว้ใน HTML5 โดยทั่วไปคุณสามารถเปิด websocket เพื่อเปิดใช้งานการสื่อสาร 2 ทางแบบต่อเนื่องกับเว็บเซิร์ฟเวอร์ ไคลเอ็นต์ (ส่วนต่อประสานผู้ใช้) สามารถส่งข้อความได้เองและเซิร์ฟเวอร์ก็สามารถส่งข้อความได้เช่นกัน เทคโนโลยีที่มีอยู่ (JavaScript) ต้องการทุกอย่างที่จะเริ่มต้นโดยไคลเอนต์ - เซิร์ฟเวอร์ไม่สามารถส่งอะไรไปยังไคลเอนต์ที่ลูกค้าไม่ได้ร้องขอ ดังนั้นสคริปต์จะต้องมีการรีเฟรชอย่างต่อเนื่องและขอข้อมูลใหม่ที่อาจไม่มีการเปลี่ยนแปลง เว็บซ็อกเก็ตทำงานได้มากกว่าบนพื้นฐาน " พุช " และให้ข้อมูลใหม่ ๆ น่าเสียดายที่การใช้งาน websocket ส่วนใหญ่ (ทั้งหมดที่ฉันสามารถหาได้) นั้นต้องการแอปพลิเคชันเซิร์ฟเวอร์เฉพาะในการทำงาน ผู้คนจะเรียกใช้ Apache บนพอร์ต 80 และ 443 (http และ https) และเรียกใช้ระบบอื่น (โดยทั่วไปคือ Node.js) บนพอร์ตอื่น (เช่น 8000 หรือ 8080) เพื่อจัดการคำขอ websocket เห็นได้ชัดว่าใช้งานได้ แต่ก็มีข้อเสียอยู่บ้าง ฉันมีปลั๊กอินที่ฉันต้องการสร้างที่จะได้ประโยชน์อย่างมากจากการใช้ websockets …

18 javascript  server  html5 

ไม่มีใครรู้ว่าวิธีการโหลด wp_editor ผ่าน AJAX ใน WordPress? มาร์กอัปและตัวแก้ไขของฉันกำลังโหลดอย่างถูกต้อง แต่ตัวควบคุมตัวแก้ไขไม่สามารถโหลดได้อย่างถูกต้องอาจเป็นเพราะ Javascript ไม่ทำงานในการโทร AJAX ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชม

17 plugins  ajax  javascript  tinymce  wp-editor 

ฉันต้องการวิธีกรองเนื้อหาของหน้า / โพสต์ก่อนที่จะโหลดดังนั้นฉันสามารถเพิ่มสคริปต์ไปยังส่วนหัวหากมีรหัสย่อที่เฉพาะเจาะจงอยู่ หลังจากค้นหามากฉันเจอสิ่งนี้ใน http://wpengineer.com function has_my_shortcode($posts) { if ( empty($posts) ) return $posts; $found = false; foreach ($posts as $post) { if ( stripos($post->post_content, '[my_shortcode') ) $found = true; break; } if ($found){ $urljs = get_bloginfo( 'template_directory' ).IMP_JS; wp_register_script('my_script', $urljs.'myscript.js' ); wp_print_scripts('my_script'); } return $posts; } add_action('the_posts', 'has_my_shortcode'); ซึ่งยอดเยี่ยมอย่างแน่นอนและทำสิ่งที่ฉันต้องการ …

17 widgets  javascript  sidebar  conditional-content