2012-11-03 40 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> 

解决!在我的键盘上写代码时改变字符集是个问题。