Jquery div to div load仅在opera中有效
几天前,我在stack上找到了一些解决问题的方法。代码如下: HTML:Jquery div to div load仅在opera中有效,jquery,load,opera,href,attr,Jquery,Load,Opera,Href,Attr,几天前,我在stack上找到了一些解决问题的方法。代码如下: 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" >
<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>
$("a.link").click(function(){
$("#myModal").html($(this).attr("href"));
/*$("#myModal").load($(this).attr("href"));*/
return false;
});
但是,这只适用于歌剧。在其他浏览器中,链接永远不会在mymodal
div中打开。
完整代码在这里
<!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>
无标题文件
#普维迪夫{
宽度:360px;
高度:220px;
边界:1px;
填充物:5px;
字体系列:酷_字体,无衬线;
字体大小:24px;
颜色:#0000CC;
背景色:透明;
}
#利维德奥克韦{
浮动:左;
宽度:760px;
高度:800px;
右边距:0px;
边际上限:0px;
}
$(文档).ready(函数(){
$(“a.link”)。单击(函数(e){
$(“#levideookvir”).html($(this.attr(“href”));
$(“#levideookvir”).load($(this.attr(“href”));
window.alert(“请求完成”);
e、 预防默认值();
})
});
Ovde ide链接
奥德雷
奇怪的是,当我在Chrome、Safari或FF中运行这个脚本时,我甚至没有得到我定义的警报。
正如我所说的…只在opera中工作。jQuery的.html()
方法只接受html字符串作为参数。代码中有正确的语法,但已注释掉
以下是您需要的(如果我理解正确的话):
准确地说。。。
下面是代码(当然我不会同时使用两个代码块,所以这不是一个错误)
$(文档).ready(函数(){
$(“a.link”)。单击(函数(){
$(“#levideookvirsrcamoga233”).load($(this.attr(“href”));
返回false;
});
});
//这个吼叫不起作用
$(“a.link”)。单击(函数(){
$(“#levideookvirsrcamoga233”).load($(this.attr(“href”));
返回false;
});
});
决心!在键盘上编写代码时更改字符集是个问题。否…:(不起作用。我知道代码的注释部分,它没有在我的代码中注释。我把它放错哪里了?我将把整个代码粘贴到新的注释中。我必须添加…无论我尝试什么,结果都是一样的。只有OPERA可以将数据加载到定义的DIV中。
$("a.link").click(function(e) {
$("#myModal").load($(this).attr("href"));
e.preventDefault();
});
<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>