2012-11-03 63 views
2

幾天前我在堆棧上找到了一些解決我的問題的方法。下面是代碼:jquery div div加載只在歌劇

HTML

<a class="link" data-toggle="modal" href="link1.php" >Link 1</a> 
<a class="link" data-toggle="modal" href="link2.php" >Link 2</a> 
<a class="link" data-toggle="modal" href="link3.php" >Link 3</a> 

<div class="modal hide fade" id="myModal"></div> 

jQuery的

$("a.link").click(function(){ 
    $("#myModal").html($(this).attr("href")); 
    /*$("#myModal").load($(this).attr("href"));*/ 
    return false; 
});​ 

不過,在Opera這僅適用。在其他任何瀏覽器中,鏈接永遠不會在mymodal div內打開。 FULL代碼在這裏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Untitled Document</title> 

<style> 
#prvidiv { 
    width:360px; 
    height: 220px; 
    border: 1px; 
    padding: 5px; 
    font-family: cool_font, sans-serif; 
    font-size:24px; 
    color:#0000CC; 
    background-color:transparent; 
} 
#levideookvir{ 
float:left; 
width: 760px; 
height:800px; 
margin-right:0px; 
margin-top: 0px; 

} 
</style> 
<script src="jqery/jquery.min.js"></script> 

</head> 

<body> 
<script language="javascript"> 
$(document).ready(function() { 
    $("a.link").click(function(e){ 
     $("#levideookvir").html($(this).attr("href")); 
     $("#levideookvir").load($(this).attr("href")); 
     window.alert('Request complete'); 
     e.preventDefault(); 

    }) 
});​ 
    </script> 

<div id="prvidiv"> 
Ovde ide link<br /> 
<a class="link" href="test2.html">Klikni me</a><br /> 
</div> 
<div id="levideookvir" >OVDE REY</div> 

</body> 
</html> 

正如其奇怪......我不甚至可以提醒我定義運行在Chrome,Safari或FF這個腳本時。 正如我所說...只在歌劇中工作。

回答

2

jQuery的.html()方法只接受HTML字符串作爲參數。你的代碼中有正確的語法,但它被註釋掉了。

這裏有您需要什麼(如果我理解正確的問題):

$("a.link").click(function(e) { 
    $("#myModal").load($(this).attr("href")); 
    e.preventDefault(); 
});​ 
+0

http://jsfiddle.net/PNyeM/show如果你想測試 –

+0

都能跟得上...:(不工作 我知道的代碼的註釋部分,它沒有在我的代碼註釋 哪裏。我把它寫錯了嗎? 我會將整個代碼粘貼在新評論中 – Seaman77

+0

編輯您原來的評論 – ChaosClown

0

準確地說... 下面是代碼(當然我不使用這兩個代碼塊一次,所以這是不是一個錯誤)

<script type="text/javascript"> 
    $(document).ready(function(){ 
<!--THIS ONE IS WORKING-IT CAN BE OPENED IN ANY BROWSER --> 
$("a.link").click(function(){ 
    $("#levideookvirsrcamoga233").load($(this).attr("href")); 
    return false; 
    }); 
    }); 
//THIS ONE BELLOW IS NOT WORKING 
    $("a.link").click(function(){ 
    $("#levideookvirsrcamoga233").load($(this).attr("href")); 
    return false; 

});​ 
}); 
</script> 

解決!在我的鍵盤上寫代碼時改變字符集是個問題。