Javascript 使用jquery、ajax为div创建关闭按钮,并在不刷新页面的情况下关闭div
我创建了一个带有关闭按钮的div,用于cookie显示弹出窗口。创建Cookie的工作非常完美。但一旦我点击close按钮,div就会关闭,页面就会刷新。然后再次显示关闭div。 这是我创建cookie的代码,我使用ajax创建cookie。这是针对wordpress网站的。Javascript 使用jquery、ajax为div创建关闭按钮,并在不刷新页面的情况下关闭div,javascript,jquery,html,ajax,wordpress,Javascript,Jquery,Html,Ajax,Wordpress,我创建了一个带有关闭按钮的div,用于cookie显示弹出窗口。创建Cookie的工作非常完美。但一旦我点击close按钮,div就会关闭,页面就会刷新。然后再次显示关闭div。 这是我创建cookie的代码,我使用ajax创建cookie。这是针对wordpress网站的。 如果有人能帮我添加关闭按钮,关闭弹出窗口而不刷新网页。提前谢谢 JavaScript 这在custom.js文件中 // ========================= Ajax for Set cookie ====
如果有人能帮我添加关闭按钮,关闭弹出窗口而不刷新网页。提前谢谢 JavaScript 这在custom.js文件中
// ========================= Ajax for Set cookie =======================
$(document).ready(function(){
jQuery('#cookie_btn').click(function(e){
e.preventDefault();
var data = {
type:'json',
action: 'setCookiePopup'
};
jQuery.post(ajax_url.ajaxurl, data, function(response) {
var res = jQuery.parseJSON(response);
if (res.result) {
$('#cookie_modal_body').remove();
// $('#cookie_modal_body').slideToggle();
}
});
});
});
// ===============Add close button to cookie div==================
$(document).ready(function(){
$('#close_img_btn_anchor').click(function(e){
$('#cookie_modal_body').hide();
});
});
这在functions.php文件中
//======================== Set Cookie ===================================
function setCookiePopup() {
$cookie_name = "Newcookie";
$cookie_value = "coojieValue";
setcookie($cookie_name, $cookie_value, time() + 3600, "/");
echo json_encode(array('result' => 'true'));
die();
}
add_action('wp_ajax_setCookiePopup', 'setCookiePopup');
add_action('wp_ajax_nopriv_setCookiePopup', 'setCookiePopup');
//================= Short Code to set cookie pop-up =====================
add_shortcode('setCookiePopupShortCode','setCookiePopupShortCode');
function setCookiePopupShortCode(){
$cookie_name = "Newcookie";
var_dump($cookie_name);
if(!isset($_COOKIE[$cookie_name])) {
$popup = '<div class="" id="cookie_modal_body">';
$popup .= '<p id="cookie_text_custom">We use cookies to track usage and preferences. </p>';
// $popup .= '<p id="cookie_links_custom"> <a id="cookie_policy_link" href="'.site_url().'/cookie-policy.html" target="_blank">Read our cookie policy </a> or <a id="cookie_btn" href="#"> close <b class="close_img" id="close_img_btn">X</b> </a> </p>';
$popup .= '<p id="cookie_links_custom"><a id="cookie_btn" href="#"> Accept </a> or <a id="cookie_policy_link" href="'.site_url().'/cookie-policy.html" target="_blank">Read our cookie policy </a></p>';
$popup .= '<button class="close_img" id="close_img_btn"><a href="" id="close_img_btn_anchor">X</a></button>';
$popup .= '</div>';
echo $popup;
}
}
//===========================================设置Cookie===================================
函数setCookiePopup(){
$cookie_name=“Newcookie”;
$cookie_value=“coojieValue”;
setcookie($cookie\u name,$cookie\u value,time()+3600,“/”);
echo json_编码(数组('result'=>'true');
模具();
}
添加动作(“wp_ajax_setCookiePopup”、“setCookiePopup”);
添加动作(“wp_ajax_nopriv_setCookiePopup”,“setCookiePopup”);
//=====================设置cookie弹出窗口的短代码=====================
添加_短代码('SetCookiePopusShortCode','SetCookiePopusShortCode');
函数setCookiePopupShortCode(){
$cookie_name=“Newcookie”;
变量转储($cookie\u名称);
如果(!isset($\u COOKIE[$COOKIE\u name])){
$popup='';
$popup.='
';
//$popup.='
1。使按钮type=“button”
2。从按钮内部删除链接:$popup.='X'
使用$('#close_img_btn')
投票结束,因为此问题是由无法再现的问题或简单的印刷错误引起的。虽然类似的问题可能在这里的主题,这是一个解决的方式不太可能帮助未来的读者。这通常可以通过在发布之前确定并仔细检查重现问题所需的最短程序来避免。@mplungjan,非常感谢,我错过了它