Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/246.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 在div中加载新页面_Php_Javascript - Fatal编程技术网

Php 在div中加载新页面

Php 在div中加载新页面,php,javascript,Php,Javascript,我有一个名为“pachete”的div,它生成图像链接(单击图像并从数据库加载相应的地址),我将其发送到正确的页面,但我想要的是将该页面加载到我所在的页面(图像链接的正下方)到新的页面div中,而不是重定向到它。类“poza\u efect”是一种简单的不透明度效果。我有一个JavaScript函数,但由于某种原因它不起作用 <script> $('.stil_link_img').click(function () { $('#new_page').load

我有一个名为“pachete”的div,它生成图像链接(单击图像并从数据库加载相应的地址),我将其发送到正确的页面,但我想要的是将该页面加载到我所在的页面(图像链接的正下方)到新的页面div中,而不是重定向到它。类“poza\u efect”是一种简单的不透明度效果。我有一个JavaScript函数,但由于某种原因它不起作用

<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