슬릭 회전 목마가 나는 현재 <strong>재단 5.5과 함께</strong>를 사용하고, 내가 경험이 프런트 엔드 개발자입니다 파이어 폭스

Question

에 JS를 재단 5와 협력이 필요하지 것은 JS와 매끄러운 회전 목마 필요 작은 사진과 함께http://kenwheeler.github.io/slick/ 그래서 때 클릭하면 적절한 슬라이드로 이동합니다. 여기

<div class='block-4-img columns medium-8 large-6' data-equalizer-watch> 
    <span class='logo-helper'></span> 
    <div class='slick-holder columns large-12'> 
     <div class='js-slick slick-system'> 

      <div class='slide'> 
       <img src={{ app.asset_path ~ '/img/new-sales/slick/slick1.jpg'}}></img> 
      </div> 

      <div class='slide'> 
       <img src={{ app.asset_path ~ '/img/new-sales/slick/slick2.jpg'}}></img> 
      </div> 

      <div class='slide'> 
       <img src={{ app.asset_path ~ '/img/new-sales/slick/slick3.jpg'}}></img> 
      </div> 

      <div class='slide'> 
       <img src={{ app.asset_path ~ '/img/new-sales/slick/slick4.jpg'}}></img> 
      </div> 

     </div> 

     <div class='slick-buttons'> 
      <ul> 
       <li><img class='slick-button-1 slick-button' src={{ app.asset_path ~ '/img/new-sales/slick/slick1.jpg'}}></img></li><!-- --><li><img class='slick-button-2 slick-button' src={{ app.asset_path ~ '/img/new-sales/slick/slick2.jpg'}}></img></li><!-- --><li><img class='slick-button slick-button-3' src={{ app.asset_path ~ '/img/new-sales/slick/slick3.jpg'}}></img></li><!-- --><li><img class='slick-button slick-button-4' src={{ app.asset_path ~ '/img/new-sales/slick/slick4.jpg'}}></img></li><!-- --> 
     </div> 
    </div><!-- end slick holder --> 
</div><!-- block-4-img --> 

내가 현재 일하고 있어요 페이지입니다 :

그것은 내가 사용하고있는 크롬에 아름답게 작동 (단지 쿼리 문자열을 유지해야합니다 또는 실 거예요 쇼) https://beyondtells.com/silex/new-sales?vero_id=1@1.com I Firefox/IE에서 페이지를 보았는데 제대로 작동하지 않는 것 같습니다. 회전식 캐 러셀 내부의 이미지는 수직으로 서로 쌓여 있으며 플러그인은 작동하지 않는 것 같습니다.

Answer 1

무엇이 잘못되었는지 알아 내려고 많은 시간을 보낸 후. 나는 문제가 요구 된 JS 내에 있다는 것을 깨달았다. 나는 '사전 준비 (preinit)'를 정의하고 내가 필요로하는 것이 무엇이든 그것을 요구했다. 내가 사용했던 방법은 문제가 있었다.

// Append and load styles var linkNode = document.createElement("link"); linkNode.rel = "stylesheet"; linkNode.type = "type/css"; linkNode.href = "//cdnjs.cloudflare.com/ajax/libs/sweetalert/0.3.3/sweet-alert.min.css"; document.head.appendChild(linkNode);

이 크롬에서 잘 작동하지만

에서, CSS는이 개발 도구에서 볼 수 있지만로드되지 않은 예를 들면 다음과 같습니다. 따라서 나는 단순히 CSS 파일을 정상적인 방법으로 연결했다. 제 질문을 읽어 주셔서 감사합니다.