Php 在div中加载新页面
我有一个名为“pachete”的div,它生成图像链接(单击图像并从数据库加载相应的地址),我将其发送到正确的页面,但我想要的是将该页面加载到我所在的页面(图像链接的正下方)到新的页面div中,而不是重定向到它。类“poza\u efect”是一种简单的不透明度效果。我有一个JavaScript函数,但由于某种原因它不起作用Php 在div中加载新页面,php,javascript,Php,Javascript,我有一个名为“pachete”的div,它生成图像链接(单击图像并从数据库加载相应的地址),我将其发送到正确的页面,但我想要的是将该页面加载到我所在的页面(图像链接的正下方)到新的页面div中,而不是重定向到它。类“poza\u efect”是一种简单的不透明度效果。我有一个JavaScript函数,但由于某种原因它不起作用 <script> $('.stil_link_img').click(function () { $('#new_page').load
<script>
$('.stil_link_img').click(function () {
$('#new_page').load($(this).attr('href'));
return false;
});
</script>
<div id="pachete">
<?php $result=mysql_query( "SELECT* FROM imagini"); while($data=mysql_fetch_row($result)){ if( ($data[3]==1)&&($data[2]==2) ){ ?>
<div class="stil_link_img">
<a href="<?php echo $data[4];?>" class="poza_efect">
<img src="upload/<?php echo $data[1];?>">
</a>
</div>
<?php } }?>
</div>
<div id="new_page">//some content which should be replaced with my loaded page</div>
$('.stil_link_img')。单击(函数(){
$('#新建页面')。加载($(this.attr('href'));
返回false;
});
//某些内容应替换为我加载的页面
在Javascript函数中,引用$(this)不是指向A元素,而是指向container DIV。请尝试这样做:
$('.stil_link_img a').click(function() ...
另外,将其包装到$(document.ready(function(){…})中;处理程序以确保元素完全加载。在Javascript函数中,引用$(this)不是指向A元素,而是指向容器DIV。请尝试这样做:
$('.stil_link_img a').click(function() ...
另外,将其包装到$(document.ready(function(){…})中;处理程序以确保元素已完全加载。在加载元素之前已注册stil\u link\u img click事件,因此该事件永远不会附加。使用
或$(“.stil\u link\u img”).live(..)
- 在页面完全加载后附加事件
- 移动。在循环后单击
此外,您还应该将单击事件注册到a-tag而不是div(或者,如果您需要,请确保设置一些可单击的背景…)在加载元素之前,stil\u link\u img click事件已注册,因此事件永远不会附加。使用
或$(“.stil\u link\u img”).live(..)
- 在页面完全加载后附加事件
- 移动。在循环后单击
此外,您还应该将单击事件注册到a-tag而不是div(或者如果您需要,请确保设置一些可单击的背景…)注意,您尝试加载的页面应该位于同一个域(源)上,或者服务器应该将Allow origin头发送到您的浏览器。我已经在我的服务器上尝试了这两个页面,并在google上尝试了一个链接,在这两种情况下,我都会被发送到新页面,新页面不会进入我的div。请注意,您尝试加载的页面应该位于同一个域(源)上,或者服务器应该将Allow origin标头发送到您的浏览器。我在我的服务器上尝试了这两个页面,并在google上尝试了一个链接,在这两种情况下,我都会被发送到新页面,新的页面没有进入我的div