jQuery가 Yii에서 실행되지 않습니다. 2

나는 net에서 코드를 복사하여 팝업 팝업 양식을 만듭니다. 코드는 다음과 같습니다jQuery가 Yii에서 실행되지 않습니다. 2

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery UI Dialog functionality</title> 
    <link href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet"> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
    <!-- CSS --> 
    <style> 
     .ui-widget-header,.ui-state-default, ui-button{ 
      background:#b9cd6d; 
      border: 1px solid #b9cd6d; 
      color: #FFFFFF; 
      font-weight: bold; 
     } 
    </style> 
    <!-- Javascript --> 
    <script> 
     $(function() { 
      $("#dialog-1").dialog({ 
       autoOpen: false, 
      }); 
      $("#opener").click(function() { 
       $("#dialog-1").dialog("open"); 
      }); 
     }); 
    </script> 
</head> 
<body> 
<!-- HTML --> 
<div id="dialog-1" title="Dialog Title goes here...">This my first jQuery UI Dialog!</div> 
<button id="opener">Open Dialog</button> 
</body> 
</html>

내가 YII 2 뷰를 생성하고 거기에이 코드를 복사 할 수 있지만 출력은 실행되지 않으며, 출력 버튼이 일반 버튼을 paragraf 같은 paragraf 그냥 아무 popuo과 대화가 없다 !! 1 어떻게해야합니까?

출처

2016-10-05 ali

같은 나무가 어떤 콘솔 오류가없는 확인이있는 경우 quellcode 을 확인 – madalinivascu

@ madalinivascu 나는 코드를 변경하지 않았다, 나는 단지 Crt C + Crt V :)) 코드는 잘 읽은 튜토리얼 사이트에서 잘 돌아가고 있었다. – ali

다른 레이아웃 파일이 있기 때문에 BODY 부분 만보기 파일에 추가 할 수 있습니다. js와 css가 포함되어 있습니다. 대화 상자가 작동하는지 테스트하고 싶다면 뷰 파일의 코드에서 언급 한 내용을 사용하십시오. –

당신이

당신이보기에 완전한 quellcode을 복사나요 응용 프로그램/뷰/레이아웃에 레이아웃을 찾을 수 뷰가 레이아웃 내부 렌더링? 어쩌면보다 레이아웃에서 일부 자바 스크립트로드 태그 브라우저에서 quellcode 너무

모습 레이아웃에이 부분을 넣어이

시도를 확인할 수있다

경우

<link href="https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css" rel="stylesheet"> 
    <script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script> 
    <!-- CSS --> 
    <style> 
     .ui-widget-header,.ui-state-default, ui-button{ 
      background:#b9cd6d; 
      border: 1px solid #b9cd6d; 
      color: #FFFFFF; 
      font-weight: bold; 
     } 
    </style> 
    <!-- Javascript --> 
    <script> 
     $(function() { 
      $("#dialog-1").dialog({ 
       autoOpen: false, 
      }); 
      $("#opener").click(function() { 
       $("#dialog-1").dialog("open"); 
      }); 
     }); 
    </script>

및 이 부분을 보시려면

<!-- HTML --> 
<div id="dialog-1" title="Dialog Title goes here...">This my first jQuery UI Dialog!</div> 
<button id="opener">Open Dialog</button>

만약 chro 나이나 파이어 폭스 브라우저를 눌러 컨트롤 + Shift + I이 여전히 올바른 HTML

또는 어쩌면 당신이

<html> 
<head> 
...... 
</head> 

<body> 


    <html> 
    <head> 
    ...... 
    </head> 

    <body> 
    ...... 
    </body> 

    </html> 


</body> 

</html>

출처

2016-10-05 11:44:31

내 레이아웃에 일부 js 로딩 태그가 있다고 생각합니까? 문제입니까? 그럼 내가 yii 2에서 defualt js를 비활성화하거나 제거하겠습니까? @ThomasRohde – ali

작동하지 않는 것보다 필요한 변경없이 예제 소스를 사용하면. 레이아웃에서 예제에서 자바 스크립트 로딩을 추가하고 예제에서 헤더 및 바디 태그를 제거하십시오. –

미안 해요. 빈 HTML 파일에이 코드를 복사하는 것을 의미한다면, 나는 그것을 다시했고 잘 돌아갔습니다 !!! @ThomasRohde – ali

jQuery가 Yii에서 실행되지 않습니다. 2

답변

관련 문제