您的位置:首页 > Web前端 > JavaScript

wordpress 后台添加 JS 代码

2016-03-24 22:09 531 查看
1.首先利用wordpress的hook(钩子)来添加

add_action(‘admin_hear’,’function_name’);

2.举例说明:向后台添加JS控制表单提交,当Cat为空时,不进行任何操作。

首先,利用JQuery找到表单form,表单name为post。

$(‘form[name=post]’)

然后找到Cat页面的input输入框,type为checkbox

$(‘input[type=checkbox]’)

再利用JQuery的each循环和is(‘:checked’)进行验证

each(function(){ if($(this).is(‘:checked’)){

flag = true;

break;

}

});

代码如下:

/** add js : post update check cat is null */
function checkCatNull() {
?>
<script>
jQuery(document).ready(function($){
var form = $('form[name=post]');
form.submit(function(){
var flag = false;
$('#categorychecklist input[type=checkbox]').each(function(){
if($(this).is(':checked')){
flag = true;
break;
}
});
if(!flag){
return false;
}
});
});
</script>
<?php
}
add_action( 'admin_head', 'checkCatNull' );
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: