Firefox의 JQuery 사이클 문제

Safari 및 Chrome에서 주로 렌더링되는 최상위 탐색 기능이 있으며 대부분 한 페이지를 제외하고는 Firefox에서 제공됩니다. 이 페이지는 Jquery Cycle 플러그인을 사용하고 있습니다.이 기능을 사용 중지하면 탐색이 정상적으로 표시됩니다. 이상한 점은 다른 페이지에서 Cycle 플러그인을 사용하고 있는데 문제가 없다는 것입니다.이 페이지에서는 탐색을 숨기기로 결정했기 때문에 그 이유를 알 수 없습니다.Firefox의 JQuery 사이클 문제

<ul class = "navigation-bar"> 
     <li><a href="/contact" class = "nav-link">CONTACT</a></li> 
     <li><a href="/clients" class = "nav-link">CLIENTS</a></li> 
     <li><a href="/personal" class = "nav-link">PERSONAL</a></li> 
     <li><a href="/fashion" class = "nav-link">FASHION</a></li> 
     <li><a href="/portrait" class = "nav-link">PORTRAITS</a></li> 
     <li><a href="/party" class = "nav-link">PARTIES</a></li> 
</ul> 

<div class = "slideshow"> 
    {% for photo in gallery %} 
    <div class = "slide"> 
     <img class = "gallery-image" src ="{{ photo.image.url }}"/> 
     <div class = "caption-container"> 
      {% for client in photo.client.all %} 
      <div class = "client">client: {{ client.name }} 
       <div class = "slide-nav"></div> 
      </div> 
      {% endfor %}  
      <span class = "caption">{{ photo.caption }}</span> 
     </div> 
    </div> 
    {% endfor %}  
</div>

CSS ...

.navigation-bar { 
     width: 100%; 
     float: right; 
     margin: 0px; 
     padding: 0px; 
     list-style: none; 
     background-color: black;}

와 jQuery를 ...

$(document).ready(function(){ 
    $(".slideshow") 
     .cycle({ 
     fx: 'scrollHorz', 
     next: '.right-arrow', 
     prev: '.left-arrow', 
     timeout: 0, 
     pager: '.slide-nav', 
     pagerAnchorBuilder: function paginate(idx, el) { 
        return '<a class="bullet" href="#" >&bull;</a>' 

     } 
    }); 
});

출처

2013-08-29 Suraj Kapoor

".homepage_container"에 HTML을 포함하십시오. 사실 jsFiddle을 설정하는 것이 좋습니다 http://jsfiddle.net/ – htxryan

이 피들을 확인하십시오 : http://jsfiddle.net/4zZPN/1/ 탐색 표시 줄을 숨기는 것처럼 보이지 않습니다. 정확한 문제는 무엇입니까? – htxryan

피들에서이 문제를 재현 할 수 없습니다. 문제는 Firefox에서 탐색 막대가 표시되지 않는다는 것입니다. 텍스트가있는 흰색 머리글 ("파티 및 이벤트 사진 작가")과 갤러리 이미지가 표시됩니다. Chrome 및 Safari에서 탐색 모음이 잘 렌더링됩니다. Cycle 플러그인이 문제를 일으키고 있지만 그 이유를 모르겠습니다. –

가입일 :> 다음

http://jsfiddle.net/surajkap/4zZPN/가 하이라이트 - 여기 내 전체 코드입니다 당신은 콘솔에 오류 출력을 공유하지 않았다, 나는 당신이 주석을 달고있는 javascript가 exceptionio를 던지고있는 것만 추측 할 수있다. n (그런 때 주석을 해제하면이 작동합니다.)

구문 문제가 있습니다. 특히 세미콜론을 잊어 버렸습니다. 이렇게해도 문제가없는 경우, 전체 HTML을 게시하시기 바랍니다 (또는 jsFiddle 생성), 그리고 콘솔의 오류 출력 (있는 경우) :

$(document).ready(function(){ 
    $(".homepage-container") 
     .cycle({ 
     fx: 'fade', 
     speed: 'slow', 
     timeout: 3000 // Removed "," (which is not required, but still good practice) 
    }); // Added ";" 
}); // Added ";"

참고이보십시오.

출처

2013-08-29 21:03:40 htxryan

고마워, 여기 내 피들입니다 - http://jsfiddle.net/surajkap/4zZPN/, 다른 jquery 스크립트를 반영하도록 질문을 개정했습니다. 처음 것은 잘못되었습니다 (죄송합니다). –

또한 콘솔에서 오류가 표시되지 않습니다. –

Firefox의 JQuery 사이클 문제

답변

관련 문제