Question

更新：我的自定义响应式设计网站。

在主页website link上有滑动的名人图片：点击任何名人，它需要它。在桌面/笔记本电脑浏览器上工作的页面，我的意思是点击链接工作，但如果我在任何手机中打开，那么sliding images会显示images是not click able但它不会分别名人页面。

我在我的网站（wp-roundabout-pro）中使用WordPress 3.8.4（https://wordpress.org/plugins/wp-roundabout-pro/）插件

我知道这个插件不支持当前版本的word-press ...但是在桌面/笔记本电脑浏览器中所有工作都是完美的。

任何想法是什么问题。请帮帮我...好像这个问题不是短暂的，那么我的整个工作将被浪费

以下是插件代码：

<?php

$anims = array('lazySusan', 'waterWheel', 'figure8', 'square', 'conveyorBeltLeft', 'conveyorBeltRight', 'diagonalRingLeft', 'diagonalRingRight', 'rollerCoaster', 'tearDrop', 'theJuggler', 'goodbyeCruelWorld');

if(!in_array($animation, $anims)){
$animation='conveyorBeltLeft';
$asclass = '';
} else {
$asclass = 'class="hideflow"';
}

$sid = 'rbt-'.uniqid();
$out = '<ul '.$asclass.' id="'.$sid.'">';

$fwidth = intval($data[opt1]);
$fheight = intval($data[opt2]);

while($row = mysql_fetch_assoc($res)){
if($row[url]!='' && trim($row[url])!=' '){
 $img = '<img src="'.get_image_thumb($row[url], 'w='.$fwidth.'&h='.$fheight).'" />';
} else { 
 $img = '';
}

if($row[title]!='' && trim($row[title])!=' '){
//$ttlxz='<span class="rbt-title"><span>'.$row[title].'</span></span>';
 $ttlxz='';
} else {
 $ttlxz='';
}


if($row[desc]!='' && trim($row[desc])!=' '){
//$descxz='<span class="rbt-content"><span>'.$row[desc].'</span></span>';
 $descxz='';
} else {
 $descxz='';
}

$out = $out.'<li style="background-color:'.$row[color].'">'.$ttlxz.''.$descxz.'<a href='.$row[desc].'>'.$img.'</a></li>';
}

$out = $out.'</ul>
<style type="text/css">
#'.$sid.' {
list-style: none;
padding: 0;
margin: 0 auto;
width: '.$data[opt5].'px;
height: '.$data[opt6].'px;
}

#'.$sid.' .roundabout-moveable-item {
height: '.$fheight.'px;
width: '.$fwidth.'px;
background-color: '.$data[opt4].';
text-align: left;
cursor: pointer;
overflow:hidden;
}
</style>
<script>
jQuery(document).ready(function() {
jQuery("#'.$sid.'").roundabout({
autoplay: '.$data[opt7].',
autoplayDuration: '.$data[opt9].'000,
minOpacity: '.$data[opt10].',
maxOpacity: '.$data[opt11].',
reflect: '.$data[opt12].',
enableDrag: '.$data[opt13].',
dragAxis:"'.$data[opt3].'",
shape: "'.$animation.'",
autoplayPauseOnHover: '.$data[opt8].'
});
});
</script>
';

?>

生成的HTML代码示例：

<div class="slider">
    <ul id="rbt-5428f4c10c934" class="hideflow roundabout-holder" style="padding: 0px; position: relative;">
    <li style="background-color: rgb(238, 238, 238); position: absolute; left: 684px; top: 58px; width: 137.19px; height: 82.314px; opacity: 0.19; z-index: 117; font-size: 6.4px;" class="roundabout-moveable-item">
    <a href="http://www.thefansworld.com/celebfanpage/shahrukh-khan/">
    <img src="http://www.thefansworld.com/wp-content/plugins/wp-roundabout-pro/cache/w=300&amp;h=180___Shahrukh-Khan-Magazine-Photoshoot.jpg">
    </a>
    </li>
    </ul>
</div>

我教过我的链接有一些问题，但我的锚链接似乎是完美的，为什么它不能在手机上工作。

链接（点击图片打开其详细信息）不适用于任何手机

0 个答案: