在div第2部分中加载新页面

时间:2013-02-14 09:20:41

标签: php javascript

我已设法将新页面加载到div(感谢所有人的帮助),但它看起来很糟糕(有菜单栏和徽标,但我只想要内容),所以我需要仅从新页面加载div。我尝试了一个新脚本,但被重定向到新页面。请帮忙。

<script>
   jQuery(document).ready(function() {
           jQuery('.stil_link_img a').click(function(){
             var x = $(this).attr("href") + "#content_eco";
             jQuery("#new_page").load(x);
             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>

1 个答案:

答案 0 :(得分:1)

jQuery(document).ready(function() {
    jQuery('.stil_link_img a').click(function(){
      var $pageContent = jQuery('<div/>').load($(this).attr("href"));
      jQuery("#new_page").html(jQuery("#content_eco",$pageContent).html());
      return false;
    });
});  

我认为#content_eco是新页面中的分部ID(来自href属性的url)。

或者您只需加载网址中的内容,并避免链接回发为

<script>
   jQuery(document).ready(function() {
           jQuery('.stil_link_img a').click(function(){
             var x = $(this).attr("rel") + " #content_eco";
             jQuery("#new_page").load(x);
             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='#' rel="<?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>

希望这会对你有所帮助。