2015-10-15 65 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()。 –