请有人指出我正确的方向。 。 。 。我正试图在移动设备上禁用选择加入弹出窗口。弹出窗口正在使用名为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;
}