JQuery와 클릭 이벤트는 사파리 창에서 작동하지 않는 7

HTML :JQuery와 클릭 이벤트는 사파리 창에서 작동하지 않는 7

<button id="add" >Add</button>

JQuery와 :이 기능은 아이 패드 사파리에서 작동하지만 윈도우 사파리에서 작동하지 않습니다

$("#add").click(function() { 
       alert("hi"); 
      });

출처

2016-09-01 Priyanka

아래 링크를 확인하십시오. http://jquery.com/browser-support/ ** Internet Explorer 6-8, Opera 12.1x 또는 Safari 5.1+와 같은 구형 브라우저를 지원해야하는 경우 jQuery 1.12를 사용하십시오. ** 자세한 내용을 추가하거나, 귀하의 질문에 사용되는 JQuery의 버전과 관련된. – GauravKP

jQuery 코드는'$ (document) .ready()'안에 있습니까? – Barmar

@ Barmar 아니요 $ (document) .ready() 안에 있지 않습니다. $ (document) .ready()없이 작동했습니다. 작동하지 않습니다. – Priyanka

DOM이 준비되어야합니다. 단추를 만든 후에 스크립트를 연결하십시오. DOM을 준비한 후 jquery를 사용하여 스 니펫을 실행하십시오.

<button id="add" >Add</button>

JQuery와 :

$(document).ready(function() { 
    $("#add").click(function() { 
     alert("hi"); 
    }); 
});

,536

<button> 
<script>...</script>

나는 ready()

HTML을 사용

출처

2016-09-01 08:01:54

그것은 작동하지 않습니다, 나는 당신이 말했듯이 해냈습니다. 다른 방법으로 알려주시겠습니까? – Priyanka

오류가있는 경우 콘솔을 확인하십시오. 여기에 게시하십시오 –

오류가 발생하지 않습니다. – Priyanka

아래의 코드는 Safari for Windows 버전 5.1.7과 JQuery 1.7.1으로 작동합니다. 이 기능은 기본 기능이므로 자바 스크립트 코드에는 문제가 없습니다.

또한 귀하의 의견 중 하나에서 <button onClick="addFunction()">Add</button> function addFunction(){ alert("1");}이 작동 중임을 언급했습니다. 이것은 JQuery를 사용하지 않기 때문입니다. 따라서 함수가 호출되기 전에 JQuery가 제대로로드되었는지 확인해야한다고 생각합니다. FireFox/Chrome 개발자 콘솔에서 페이지를 열어 JS와 관련된 오류가 있는지 확인하십시오.

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
    <title></title> 
</head> 

<body> 
    <button id="add">Add</button> 
    <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.7.1.min.js"></script> 
    <script> 
     $("#add").click(function() { 
      alert("hi"); 
     }); 
    </script> 
</body> 


</html>

출처

2016-09-14 12:45:06 GauravKP

예 IE에서 체크했는데, Chrome과 Firefox는 완벽하게 작동하지만 사파리에서는 작동하지 않습니다. – Priyanka

JQuery와 클릭 이벤트는 사파리 창에서 작동하지 않는 7

답변

관련 문제