jQuery未在Yii 2上運行

我從網上覆制代碼以創建對話框彈出窗體。代碼：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

一棵樹確保你沒有任何控制檯錯誤 – madalinivascu

@madalinivascu我沒有改變代碼，我只是Crt C + Crt V :)））代碼在我閱讀的教程網站上運行良好。 – ali

您可以嘗試在視圖文件中僅添加BODY部分，因爲其他部分將來自佈局部分。如果你只想測試該對話框是否正常工作，在視圖文件中包含代碼中提到的js和css。 –

視圖呈現佈局內你在app /視圖/佈局找到佈局

你複製完整的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>

如果您有色彩我或Firefox瀏覽器按下Control + Shift + i和檢查quellcode 如果這仍然是正確的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

如果您嘗試沒有必要更改的示例源，則無法正常工作。將示例中的JavaScript加載添加到您的佈局中，並在示例中刪除標題和正文標記。 –

對不起o沒有明白！如果你的意思是我把這段代碼複製到一個空的html文件中，我再次做了它，它確實運行良好！ @ThomasRohde – ali

jQuery未在Yii 2上運行

回答

相關問題