1

谁能指出我正确的方向。. . . 我正在尝试仅在移动设备上禁用选择加入弹出窗口。弹出窗口使用了一个名为 arty popup 的 WordPress 插件。目前弹出功能在所有台式机和 iPad 上都能完美运行，问题是在移动设备上弹出关闭按钮从屏幕上脱落，因此试图找到一些代码仅从移动设备禁用它。

任何指针都会非常受欢迎。

这是弹出的.php

/* /////////////////////////////////////////////// this final section generates all     the     code that is displayed on the front-end of the WP Theme \\\\\\\\\\\\\\\\\\\\\\\\ */     function arty_popup($args = array(), $content = null) { require 'inc/popup.php'; }

add_action( 'wp_head', 'arty_header' );
function arty_header() { 
global $arty_settings;
$options = $arty_settings;?>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js"type="text          /javascript"></script>
<script type="text/javascript">
$(document).ready( function() {
if (document.cookie.indexOf("arty_popup_cookie1") <= 0) {

loadPopupBox();
}       


$('#wrap-out, #popupBoxClose').click( function() {
unloadPopupBox();

var c_name  =   'arty_popup_cookie';
var value   =   'arty_popup_cookie1';
var exdays  =   <?php echo $options['popup_cookie_time']; ?>;

 var exdate=new Date();
exdate.setDate(exdate.getDate() + exdays);
var c_value=escape(value) + ((exdays==null) ? "" : ";expires="+exdate.toUTCString());
document.cookie=c_name + "=" + c_value;

});

function unloadPopupBox() {
$('#popup_box').fadeOut(200);
$("#wrap-out").css({    
    "display": "none"  
}); 
}

function loadPopupBox() {
$('#popup_box').fadeIn(200);
$("#wrap-out").css({
    "background": "#000",
    "opacity": "0.7"  
});         
}


});

弹出按钮 .css

.btn{
color:#FFFFFF;
width:91px;
height:40px;
margin-left:10px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
border:none;
background:url(images/btn.gif) no-repeat top;
cursor:pointer;
}
4

0 回答 0