它工作正常,但在WordPress中更新页面后,设置按钮变为不可点击。这是由js和一些jQuery函数引起的吗?
这是js代码:
if(action === 'blog'){
var parentDiv = jQuery(this).parents('.dx-columns');
// Show hidden divs inside blog dialog
jQuery('#dx-blog-dialog').find('div').css('display', 'block');
if(parentDiv.find('.hidden').length){
jQuery('#dx_blog_posts_num').val(parentDiv.find('.hidden').html());
var images = parentDiv.attr('data-blog-image');
var excerpts = parentDiv.attr('data-blog-excerpt');
if(images=='true')
{
jQuery('#dx_blog_featured_image').attr('checked', true);
}
if(excerpts=='true')
{
jQuery('#dx_blog_excerpt').attr('checked', true);
}
}
jQuery('#dx-blog-dialog').dialog({
width: 500,
height: 230,
close: function( event, ui ) {
jQuery( this ).dialog( "destroy" );
// Make divs inside blog dialog hidden
jQuery('#dx-blog-dialog').find('div').css('display', 'none');
},
buttons: {
'Save': function () {
var num = $(document).find('#dx_blog_posts_num').val();
var image = $(document).find('#dx_blog_featured_image').is(':checked');
var excerpt = $(document).find('#dx_blog_excerpt').is(':checked');
parentDiv.attr('data-blog-image', image);
parentDiv.attr('data-blog-excerpt', excerpt);
avoidXSSNum = num.replace("script", "");
var check = parentDiv.find('.hidden').length;
if(!check) {
parentDiv.append('<div class="hidden">' + avoidXSSNum + '</div>');
}
else{
parentDiv.find('.hidden').html(avoidXSSNum);
}
jQuery(this).dialog('destroy');
// Make divs inside blog dialog hidden
jQuery('#dx-blog-dialog').find('div').css('display', 'none');
}
}
});
}
或者是一些WordPress错误?我不确定发生了什么。任何帮助将不胜感激?。按钮的HTML:
<i class="fa fa-cog pull-right dx-setting-column js-setting-column" title="Element Setting"></i>