无法单击jQuery内容滑块内的链接

Question

本页内容 - http://goo.gl/9HiUW我有一个内容滑块。但我不能把链接放在里面。当我尝试将链接放入其中时，它只显示我简单的文字。

我的HTML代码是 -

<div id="one" class="contentslider"> 
     <div class="cs_wrapper"> 
      <div class="cs_slider"> 

       <div class="cs_article"> 
        <a href="http://www.templatemo.com"> How you doing today </a> 
      </div> 

请帮助。我到处搜索并尝试了一切。我不明白为什么会发生这种情况。

在此先感谢， 生动。

Answer 1

根据您的网站，

你必须与被放置在您的内容滑块的z-index 800空跨度。它在ID为'banner_right'的div后面找到。因此，您单击的是跨度而不是锚点，这就是为什么它不会触发。

HTML代码：

<div id="banner_right"><span></span> 

     <div class="contentslider" id="one" style="width: 535px; height: 233px;"><a class="cs_leftBtn" href="#" style="opacity: 0; display: none;"><img src="../image-files/templatemo_left_nav.png" style="padding: 0px;"></a> 
      <div class="cs_wrapper"> 
       <div class="cs_slider"> 

        <div class="cs_article" style="width: 535px; height: 233px;"><div style="background-color:#CCC; padding:15px 0 55px 0"> 
        <a onclick="return FIX.track(this);" href="http://www.templatemo.com"> <font size="+2">How you doing today </font></a> <img alt="Seagulls" src="http://www.successrealization.com/../image-files/templatemo_image_01.jpg"> 
       </div></div> 

CSS：

#banner_right span { 
    background: url("../image-files/templatemo_banner_image_frame.png") no-repeat scroll 0 0 transparent; 
    height: 233px; 
    left: 0; 
    position: absolute; 
    top: 0; 
    width: 535px; 
    z-index: 800; 
} 

提示：使用firebug检查你的网页