qtip2 jquery 플러그인을 사용하여 내용이 담긴 작은 ips팁/풍선을 만들려고합니다. 여기 자신의 .js 및 .CSS 파일 :qtip2 풍선 및 PHP 테이블 : 각 행마다 풍선 내용이 다릅니 까?
내가이 MySQL의에서 PHP에 의해 채워집니다 테이블에 대해 작업하고 싶다. 나는 다음과 같은 테이블을 만들고있다 :
<tbody>
<?php while($row = MySQL_fetch_array($result)): ?>
<tr>
<td title="lname" width="100px">
<div style="width:100px; overflow:hidden;">
<?php echo(htmlentities($row['last_name'])); ?>
</div>
</td>
<td title="fname" width="100px">
<div style="width:100px; overflow:hidden;">
<?php echo(htmlentities($row['first_name'])); ?>
</div>
</td>
<td width="100px">
<div style="width:100px; overflow:hidden;">
<?php echo(htmlentities($row['u_name'])); ?>
</div>
</td>
<td width="100px">
<div style="width:150px; overflow:hidden;">
<?php echo(htmlentities($row['skype_id'])); ?>
</div>
</td>
</tr>
<?php endwhile; ?>
</tbody>
모든보기 싫은 div는 더 정렬되어 보이게한다. 어쨌든 ... 여기 툴팁 스크립트가있다 :
<script>$('td[title]').qtip({
show:'click',
hide:'unfocus',
content: {
text: "<?php echo(htmlentities($row['last_name'])); ?>"
}
});
</script>
문제는 ... 난 단지는 '제목'과 모든 셀에 대해 동일한 길래 내용을 표시 할 수 있습니다. 풍선에 각 $ 행의 내용을 표시하고 싶습니다. 내가 어떻게이 일을 성취 할 수 있을지 생각해? documentation 당으로
아하하. 좋아요 ... 풍선에서 원하는 내용이 mysql에서 나온 것이지만 테이블에 표시하고 싶지 않은 내용입니까? 내가 테이블에 내용을 검색하고 그 열에 대해 "display : none"을해야합니까? 또는 더 좋은 방법이 있습니까? – user2747609
@ user2747609 : 데이터 속성에 넣으세요. '
이 간단한 예제가 왜 효과가 없는지 아십니까? http://jsfiddle.net/rNKbZ/ – user2747609
관련 문제