【functions.php内部的jQuery脚本不起作用】我无法在自定义主题的function.php wordpress文件中使用此Jquery脚本。有人能帮我吗。问题是, 当我单击浏览按钮以插入不允许我进入的图像而只是不执行任何操作时, 当我进入wordpress管理员中的自定义帖子类型时。
这是代码(是的, 没有显示一个开放的php标签。)
function show_your_images_meta_box() {
global $post;
$meta = get_post_meta( $post->
ID, 'your_images', true );
?>
<
input type="hidden" name="your_meta_box_nonce" value="http://www.srcmini.com/<
?php echo wp_create_nonce( basename(__FILE__) );
?>">
<
p>
<
label for="your_images[image]">
Upload Poster Image<
/label>
<
br>
<
input type="text" name="your_images[image]" id="your_images[image]" class="meta-image regular-text" value="http://www.srcmini.com/<
?php echo $meta['image'];
?>
">
<
input type="button" class="button image-upload" value="http://www.srcmini.com/Browse">
<
/p>
<
div class="image-preview">
<
img src="http://www.srcmini.com/<
?php echo $meta['image'];
?>
" style="max-width: 250px;
">
<
/div>
<
script>
jQuery(document).ready(function($) {
// Instantiates the variable that holds the media library frame.
var meta_image_frame;
// Runs when the image button is clicked.
$('.image-upload').click(function(e) {
// Prevents the default action from occuring.
e.preventDefault();
var meta_image = $(this).parent().children('.meta-image');
// If the frame already exists, re-open it.
if (meta_image_frame) {
meta_image_frame.open();
return;
}
// Sets up the media library frame
meta_image_frame = wp.media.frames.meta_image_frame = wp.media({
title: meta_image.title, button: {
text: meta_image.button
}
});
// Runs when an image is selected.
meta_image_frame.on('select', function() {
// Grabs the attachment selection and creates a JSON representation of the model.
var media_attachment = meta_image_frame.state().get('selection').first().toJSON();
// Sends the attachment URL to our custom image input field.
meta_image.val(media_attachment.url);
//var image_url = meta_image.val();
//$(selected).closest('div').find('.image-preview').children('img').attr('src', image_url);
});
// Opens the media library frame.
meta_image_frame.open();
});
});
<
/script>
<
?php }
#1可能是Wordpress附带的jQuery默认设置为兼容模式, 这意味着$快捷方式不起作用。请参阅此处:在WordPress中使用” $” 代替” jQuery” 。
推荐阅读
- 提交表单后,请保持选中复选框,自定义帖子类型
- 在wordpress网站内使用hubspot表单时,jQuery丢失
- jQuery隐藏按钮,如果文本框为空,则显示,如果文本框具有值
- jQuery代码不适用于WordPress的Div主题[重复]
- 连接表格并获取数据到手风琴/可折叠和表格
- jQuery ajax打破了我的Divi主题。我如何解决它()
- 12月活动|重拾写作的力量,挑战7/14/21日连更!
- 网络编程框架t-io的编程基本知识介绍
- Java 将Word转为OFD