jssor 슬라이더 사용, 일부 jssor 슬라이더가있는 페이지가 있습니다. 일부 페이지는 정상적으로 작동하지만 일부 페이지는 외부 컨테이너 'null'을 찾을 수 없습니다. 버그, 이것에 대해 아무도 도와 줄 수 있습니까?'null'외부 컨테이너가 없습니다.
0
A
답변
0
일부 스크립트는 페이지의 요소를 제거하거나 수정하려고합니다.
페이지를 마우스 오른쪽 버튼으로 클릭하고 상황 별 메뉴에서 '요소 검사'메뉴 항목을 클릭하십시오. '외부 컨테이너'가 문서에 아직 있는지 확인하십시오. 동일한 ID를 가진 다른 요소가 있는지 확인하십시오.
3
비슷한 문제가 있었으므로 문제가 무엇인지 파악하기 위해 일부 파기가있었습니다.
셋업 여기에 데모 사이트에서 미리보기가있어, 초기 호출로 시작 http://www.jssor.com/development/index.html
var jssor_slider1 = new $JssorSlider$("slider1_container", options);
하는, 더 중요한 것은이
function JssorSlider(elmt, options) {
var _SelfSlider = this;
...
// bunch of other functions
...
$JssorDebug$.$Execute(function() {
var outerContainerElmt = $Jssor$.$GetElement(elmt);
if (!outerContainerElmt)
$JssorDebug$.$Fail("Outer container '" + elmt + "' not found.");
});
}
을 수행 functions- 유틸리티의 모든 종류를 설정하는 중 그래서이 시점에서 당신은 전달한 문자열을 수집하려고 시도합니다. 이것은 elmt 변수입니다 - 이것은 무엇을위한 것입니까? 우물 그래서, 정말 그것이 무엇에 내려 오는 것은 요소를 찾기위한이 라인
_This.$GetElement = function (elmt) {
if (_This.$IsString(elmt)) {
elmt = document.getElementById(elmt);
}
return elmt;
};
jssor.js에서 해당 $의 GetElement 기능을 살펴 보자.
elmt = document.getElementById(elmt);
그래서이 오류의 기본은 는 "우리는 페이지에 일치하는 ID 태그를 찾기 위해 문자열을 사용하는 시도하고 우리에게 유효한 값이 포기하지 않았다"
이다 이것은가 될 수 오타 또는 DOM을 수정/제거하는 다른 코드 줄.
0
"Slider1_Container"가 있는지 확인하십시오. 필자의 경우, 필자는 html로 작성하지 않았지만 여전히 js를 추가했다. js를 제거하면 내 문제가 해결되었습니다.