🎉 سال نو، مهارت نو، مشاوره رایگان نقشه راه برنامه نویسی (آفر ویژه ثبت نام قبل از افزایش قیمت 🔥)
۰ ثانیه
۰ دقیقه
۰ ساعت
۱ میثم کیانی
لود جی کوئری در فوتر سایت و اضافه کردن alpinejs
جامعه وردپرس (برنامه نویسی) ایجاد شده در ۱۳ مهر ۱۴۰۲

سلام؛ اگه سایر دوستان مثل من تمایل داشتن هسته جی کوئری رو توی فوتر سایت بیارن میتونن از این کد استفاده کنن :

function wpcjf_move_jquery_to_footer() {
	wp_dequeue_script( 'jquery' );
	wp_dequeue_script( 'jquery-core' );
	wp_dequeue_script( 'jquery-migrate' );
	wp_enqueue_script( 'jquery', '', '', '', [ 'in_footer' => true ] );
	wp_enqueue_script( 'jquery-core', '', '', '', [ 'in_footer' => true ] );
	wp_enqueue_script( 'jquery-migrate', '', '', '', [ 'in_footer' => true ] );
}
add_action( 'wp_enqueue_scripts', 'wpcjf_move_jquery_to_footer' );

 

مورد بعدی شاید مثل من دوست داشته باشید کم کم با جی کوئری خدافظی کنید، من خودم از alpinejs استفاده میکنم فوق العاده سبک و ساده هست نحوه استفادشم به این صورت :

# use alpinejs in wordpress
	wp_register_script(
		'alpinejs',
//		'https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js',
		CJF_PLUGIN_ASSETS . 'js/alpinejs.min.js',
		'',
		'3.13.1',
		[
			'strategy'  => 'defer',
			'in_footer' => true
		]
	);
	wp_enqueue_script( 'alpinejs' );

 

فقط یک نکته داره نصب alpinejs دوتا راه داره یا از CDN استفاده کنید یا نصبش کنید. من از CDN استفاده میکنم ولی میتونید فایلی که توی CDN هست رو دانلود کنید و توی پوشه پلاگین ضمیمه کنید. من تست کردم مشکلی نداشت و به درستی کار کرد این هم یک نمونه که میتونید استفاده کنید :

<div x-data="dropdown">
        <button @click="toggle">Toggle Content</button>
        <div x-show="open">
            Content...
        </div>
    </div>
    <script>
        document.addEventListener('alpine:init', () => {
            Alpine.data('dropdown', () => ({
                open: false,
                toggle() {
                    this.open = !this.open
                },
            }))
        })
    </script>

ممنون بابت تاپیک‌های مفیدی که ایجاد می‌کنید.

محسن موحد ۱۳ مهر ۱۴۰۲، ۱۹:۲۹