2015-10-15 13 views
0

我有這樣的代碼:爲什麼它不工作? 我試過了幾種方法,但它也不能正常工作。有人能幫助我嗎?我不覺得有能力找到這個代碼中的錯誤。將URL內容加載到對話框中不起作用JQuery

<html> 
<head> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script> 
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/humanity/jquery-ui.css" type="text/css" /> 

</head> 
<body> 
<div id="contingut"> 


</div> 


    <a class="enllac_dialog" href="http://mon.uvic.cat/ajutcampus/category/configuracions/dispositius-mobils/ios/">IOS</a> 

    <a class="enllac_dialog" href="http://www.google.com">ANDROID</a> 

function showDialog(enllac){ //load content and open dialog 
     $("#contingut").load(enllac); 
     $("#contingut").dialog("open");   
    } 


    $("#contingut").dialog({ //create dialog, but keep it closed 
     autoOpen: false, 
     height: 300, 
     width: 350, 
     modal: true 
    }); 

     $('.enllac_dialog').click(function(e){ 
      e.preventDefault(); 
      var enllac = $(this).attr("href"); 
      console.log(enllac); 

    showDialog(enllac); 
    return false; 

     }); 

    </script> 
</body> 
</html> 
+0

查看日誌。也許你會得到錯誤「否」Access-Control-Allow-Origin'標題出現在請求的資源上。「如果原因是這個錯誤看看這個:http://stackoverflow.com/questions/10636611/how-does-access-control-allow-origin-header-work –

+0

謝謝@AraratHarutyunyan,我創建了一個PHP文件和將這段代碼添加到我的HTML中,但它不起作用: function showDialog(enllac){//加載內容並打開對話框 $(「#contingut」)。load(「phpdialog.php」,<?php echo $ _REQUEST [「enllac」];?>); $(「#contingut」)。dialog(「open」); } 我的PHP文件名爲phpdialog.php和包含此代碼: Anna

回答

-1

HREF是行不通的,因爲當你點擊鏈接它會打開新的窗口,以便 嘗試像

<a class="enllac_dialog clickOnce" value="http://www.google.com">ANDROID</a> 

腳本

$('.enllac_dialog').click(function(e){ 
      e.preventDefault(); 
      var enllac = $(this).attr("value"); 
      console.log(enllac); 

    showDialog(enllac); 
    return false; 

     }); 
+0

它並不重要,因爲有e.preventDefault()。 –