2013-02-14 69 views
0

我有這個名爲「pachete」的div,它生成圖像鏈接(單擊圖像和數據庫加載的相應地址),這是我發送到正確頁面的工作,但我想要加載頁面放到我所在的頁面(圖像鏈接正下方)到new_page div中,而不是重定向到它。類「poza_efect」是一個簡單的不透明效果。我有一個JavaScript函數,但由於某種原因它不起作用。在div中加載新頁面

<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> 
+0

請注意,你要加載的頁面應該在同一個域(origin)上,或者服務器應該發送Allow-Origin he更適合您的瀏覽器。 – fardjad 2013-02-14 07:46:43

+0

我已經嘗試了我的服務器上的兩個頁面和鏈接谷歌,在這兩種情況下,我得到發送到新的頁面,新的頁面不laod到我的div – Johny 2013-02-14 07:51:19

回答

2

在你的JavaScript功能,參考$(這)不是指向A元素,但到容器DIV。試着這樣做:

$('.stil_link_img a').click(function() ... 

而且,將它包裝到$(document).ready(function(){....});處理程序確保元素完全加載。

2

stil_link_img click事件是在元素加載之前註冊的,所以事件從不附加。使用

  • $(".stil_link_img").live(..)
  • 附着在事件發生後的循環

你也應該單擊事件註冊到一個標籤,而不是在頁面完全加載

  • 招。點擊後的div(或者如果你想要的話,一定要設置一些可點擊的背景..)