在WordPress中,可以使用以下方法来仅在viewport大于1000px时执行某段jQuery代码:
function custom_jquery_script() {
wp_enqueue_script( 'custom-script', get_template_directory_uri() . '/js/custom-script.js', array( 'jquery' ), '1.0', true );
wp_add_inline_script( 'custom-script', 'jQuery(document).ready(function($) {
if($(window).width() > 1000) {
// 在这里添加你的jQuery代码
}
});' );
}
add_action( 'wp_enqueue_scripts', 'custom_jquery_script' );
上述代码将在WordPress加载jQuery之后,将自定义的脚本文件custom-script.js添加到页面中,并在脚本中添加了一个条件判断,只有当viewport宽度大于1000px时才执行其中的代码。
例如,如果你想要在viewport大于1000px时隐藏一个元素,你可以在custom-script.js文件中添加以下代码:
jQuery(document).ready(function($) {
if($(window).width() > 1000) {
$('.your-element').hide();
}
});
在上述代码中,.your-element
是你想要隐藏的元素的选择器。
这样,当你的WordPress网站的viewport宽度大于1000px时,该元素将被隐藏。
请注意,以上代码仅为示例,你可以根据你的具体需求修改其中的jQuery代码。
推荐的腾讯云相关产品:腾讯云服务器(CVM)、腾讯云CDN、腾讯云对象存储(COS)。
腾讯云产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云