2014-02-19 71 views
-1

工作,我想在這裏補充提示我認爲PHP頁面的代碼的HTML工具提示沒有在PHP

<div class="container" id="content-slider"> 
     <div class="row"> 
    <div id="info"> 
       <h3><?php echo $FirstName.' '.$LastName; ?></h3> 
       <ul style=" width: 194px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;"> 
       <li><img src="<?php echo base_url();?>assets_profile/img/gender.png"><p><?php if($Gender == 1){echo 'Male';}elseif($Gender == 0){ echo 'Female';}?>, </p></li> 
       <li id="dd" href="javascript:void(0)" ><img src="<?php echo base_url();?>assets_profile/img/location.png"><p><?php echo $Location;?></p></li> 
       </ul> 
      </div> 

     </div> 
     </div> 
<script> 
$("#info").foreach(function(){ 
$(this).find("dd").tooltip({ position: 'right', content: '<span style="color:#fff"><?php echo $Location;?></span>', onShow: function(){ 
       $(this).tooltip('tip').css({ 
       backgroundColor: '#666', 
       borderColor: '#666' 
       }); 
       } 
     }); 
}); 
</script> 

我需要在這裏添加工具提示,這我認爲PHP頁面看起來怎麼樣

enter image description here

我找不到錯誤在這裏可以請需要快速幫助這裏比你

回答

0

你的問題是在你的Javascript/jQuery的

您正在嘗試查找元素dd,而不是元素li的id。

找到jQuery的ID,您就應該將ID的名稱前添加「#」符號,它會像

$("#info").foreach(function(){ 
    $(this).find("#dd").tooltip({ 
     //... your code here 
    }); 
}); 

而且將找到ID = DD

+0

爲什麼使用發現,在所有的,如果你知道它的固定ID,然後只是做$(「#DD」)。工具提示(「這是我的工具提示」),或者如果您希望它通過一些其他函數/ ajax $('#dd')。tooltip(function(){//你的代碼在這裏)) – Dave

+0

找到沒有必要 – Netzach

+0

是的,這是有道理的,在這種情況下找到是沒有必要的我們正在處理ID,我只是保存他的代碼,並顯示他做錯了。 –

1

貴麗你爲什麼做一個foreach? 如果你只是想添加一個工具提示

$("#dd").tooltip({ position: 'right', content: '<span style="color:#fff"><?php echo $Location;?></span>', onShow: function(){ 
       $(this).tooltip('tip').css({ 
       backgroundColor: '#666', 
       borderColor: '#666' 
       }); 
       } 
     });