jquery toggle（）似乎不能在铬/ safari中工作

Question

我在铬/ safari中的toggle（）存在困难。我玩noconflict（）没有任何运气。在铬和safari第一个食谱翻译在德国人之下弹出。现在其他2个食谱工作就像我所料。我如何解决这个铬和Safari浏览器？

//$.noConflict(); 

$(window).load(function() { 

    $('#recipes').orbit({ 
    timer: false, 
    bullets: true, 
    captions: true,  
    afterSlideChange: textSlides 
    }); 

    $("a.lang").click(function (e) { 
     var contentSpan = $(this).parent().attr('class'); 
     e.preventDefault(); 
     $("span."+contentSpan).toggle(); 
    }); 
    }); 

    function textSlides() { 
    var theId = "#d" + $(this).attr('id'); 
    $(theId).toggle().siblings().hide(); 
    } 

和我的HTML是

<div id="recipes-text"> 
<div id="dr1"> 
    <span class="language_content_dr1" > 
    <h3>WORTEL CHUTNEY</h3> 
    <p><strong>ingrediënten</strong><br /> 
    asdfasd german</p> 
    <a class="lang" href="#">English</a> 
    </span>  
    <span class="language_content_dr1" style="display:none;"> 
    <h3>CARROT CHUTNEY</h3> 
    <p>recipe<br /> 
    english </p> 
    <a class="lang" id="de" href="#de_tri">german</a> 
    </span> 

</div> 
<div id="dr2" style="display:none;"> 
    <span class="language_content_dr2"> 
    section 222 jawohl<br /> 

    <a class="lang" href="#">English</a><br /> 
    </span> 
    <span class="language_content_dr2" style="display:none;"> 

    section 222 english <br /> 

    <a class="lang" id="de" href="#de_tri">german</a> 
    </span> 
</div> 
<div id="dr3" style="display:none;"> 
    <span class="language_content_dr3"> 
    ection 333 jawohl<br /> 

    <a class="lang" href="#">English</a> 
    </span> 

    <span class="language_content_dr3" style="display:none;"> 
    section 333 english<br /> 
    <h3>CARROT CHUTNEY</h3> 
    <p>recipe<br /> 
    english 
    </p> 
<a class="lang" id="de" href="#de_tri">German</a> 
    </span> 
</div> 
</div> 

Answer 1

更改您的跨度来的div。

<span class="language_content_dr1" > 


<div class="language_content_dr1" > 

这行：

$("a.lang").click(function (e) { 
    e.preventDefault(); 
    var contentSpan = $(this).parent().attr('class'); 
    $("div."+contentSpan).toggle(); 
});