테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

materializecss와 js 관한 질문입니다. 채택완료

ComCool 7년 전 조회 2,516
답변 1
목록

안ㄴ녕하세요

 

현재 materializecss를 이용해 사이트 포트폴리오를 하나 만들고 있습니다.

근데 modal를 이용하고 싶은데 js가 먹히지 않는 듯 합니다.

 

js를 불러오는 소스 ->

</p>

<p><script type="<a>text/javascript</a>" src="<a class="attribute-value" href="view-source:<a href="https://code.jquery.com/jquery-3.2.1.min.js" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-3.2.1.min.js</a>"><a href="https://code.jquery.com/jquery-3.2.1.min.js" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-3.2.1.min.js</a></a>"></script></p>

<p><script type="<a>text/javascript</a>" src="<a class="attribute-value" href="view-source:<a href="http://localhost/file/js/materialize.min.js" target="_blank" rel="noopener noreferrer">http://localhost/file/js/materialize.min.js</a>"><a href="http://localhost/file/js/materialize.min.js" target="_blank" rel="noopener noreferrer">http://localhost/file/js/materialize.min.js</a></a>"></script></p>

<p><script type="<a>text/javascript</a>" src="<a class="attribute-value" href="view-source:<a href="http://localhost/file/js/default.js" target="_blank" rel="noopener noreferrer">http://localhost/file/js/default.js</a>"><a href="http://localhost/file/js/default.js" target="_blank" rel="noopener noreferrer">http://localhost/file/js/default.js</a></a>"></script></p>

<p><script type="<a>text/javascript</a>" href="<a class="attribute-value" href="view-source:<a href="http://localhost/file/js/board.js" target="_blank" rel="noopener noreferrer">http://localhost/file/js/board.js</a>"><a href="http://localhost/file/js/board.js" target="_blank" rel="noopener noreferrer">http://localhost/file/js/board.js</a></a>"></script></p>

<p> </p>

<p>[/code></p>

<p> </p>

<p>이런 식으로 되있습니다.</p>

<p>modal를 실행하는 소스가 board.js에 있습니다.</p>

<p> </p>

<p>board.js -></p>

<p>[code]</p>

<p>$(document).ready(function() {</p>

<p>    $('.modal').modal();</p>

<p>});</p>

<p>

 

근데 ... 안돼네요...

브라우저 콘솔에서 $('.modal').modal(); 를 입력하면 modal이 실행됩니다.

순서문제일까요 ?

#js #css #materialize #jquery
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

마
마르스컴퍼니 Expert
7년 전

$('.modal').modal();  는 class 명이 'modal' 인 요소를 모달창으로 띄운다는 의미입니다.

 

해당 엘리멘트가 없다면 추가해 주시면 됩니다.

<div class="modal">내용</div>

 

이 부분의 문제가 아니라면..

자바 스크립트 오류가 있는지 살펴볼 수 있습니다.

 

$(document).ready(function() {

   alert('hello');

});

 

등으로 jquery 가 정상적으로 작동되는지 먼저 테스트, 

그 후 개발자 도구를 통해 자바스크립트 오류가 있게 되면, 도구창 우측 상단에 오류 표시가 되니..

그부분도 살펴볼 수 있지 않을까 합니다.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

C
ComCool
7년 전
에러도 나지않고, 작동도 하지 않습니다 ㅠㅠㅠㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인