2016-10-05 7 views
0

Я скопирую код из сети, чтобы создать форму всплывающего окна. код: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 и скопировать этот код там, но выход не работает, выход только кнопка Параграф как обычная кнопка и Параграф, и нет popuo и диалог !! 1 что мне делать?

+1

убедитесь, что у вас нет каких-либо ошибок консоли – madalinivascu

+0

@madalinivascu я не менял код, я просто Crt C + Crt V :))) код работал хорошо на учебном сайте, который я читал. – ali

+0

вы можете попробовать добавить только часть BODY в файл, потому что другие будут получены из раздела макета. и включить js и css, которые упоминаются в коде в файле вида, если вы хотите просто проверить, работает ли этот диалог или нет. –

ответ

0

вид оказывается внутри макета вы найдете расположение в приложение/просмотров/макет

ли вы скопировать полный quellcode в представлении? чем, может быть, есть некоторые теги JavaScript загрузки в макете слишком

взгляд на 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 меня или светлячок браузера нажмите Ctrl + Shift + I и проверить quellcode , если это все-таки правильно HTML

или, может быть, у вас есть дерево, как этот

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

<body> 


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

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

    </html> 


</body> 

</html> 
+0

Я думаю, что в моем макете есть тег загрузки js, это проблема? затем shoud i отключить или удалить defualt js из моего yii 2? @ThomasRohde – ali

+0

, если вы попробуете пример источника без необходимых изменений, чем это не сработает. добавьте загрузку javascript из примера в ваш макет и удалите теги заголовка и тела в примере .. –

+0

Мне жаль, что не получил! если вы имели в виду, что я копирую этот код в пустой файл html, я сделал это снова, и он действительно хорошо работал !!! @ThomasRohde – ali

 Смежные вопросы

  • Нет связанных вопросов^_^