我很沮丧,因为我找不到答案如何显示带有 ajax 动态内容的工具提示。如果我使用静态内容,它可以工作,但它不适用于动态内容。你能帮我么?
这是我的工具提示脚本:
<script type="text/javascript">
$(document).ready(function () {
$('.pomoctools').tooltipster({
multiple: true,
content: 'Loading...',
functionBefore: function (origin, continueTooltip) {
continueTooltip();
// next, we want to check if our data has already been cached
//if (origin.data('ajax') !== 'cached') {
$.ajax({
type: 'POST',
url: 'person/index_person_test.php',
success: function (data) {
// update our tooltip content with our returned data and cache it
origin.tooltipster('content', $(data)).data('ajax', 'cached');
}
});
}
});
});
然后我有这个 php 页面(这里只是显示人员数据的代码:person/index_person_test.php):
$person_id = $_GET['person_id'];//person id
//find person's data
$sql = mysql_query("SELECT * FROM person WHERE person_id='$person_id'");
$row = mysql_fetch_array($sql);
$titleText = stripslashes($row[person_name]);
$sql = mysql_query("SELECT user FROM `users` WHERE id='$row[user_id_updt]'");
$user_name_updt = mysql_fetch_array($sql);
echo $person_id;
我想在我的另一个 php 页面上显示 tooltipster,我们称之为 cast.php,这里只是 tooltipster 的部分:
echo '</td>
<td width="100%" valign="top"><a href="?main=person/index&person_id='.$row[person_id].'&role=1" class="pomoctools" id="This is my links tooltip message!">'.$row[person_name].'</a></div>';
所以我的问题是,当将鼠标悬停在 cast.php 中的链接上时,toltipster 不显示数据。
如果我将 person_index_test.php 更改为:
$person_id = $_POST['person_id']; //person id
它没有帮助。
如果我转到“ person/index_person_test &person_id=56774”,则数据显示正确,如果我回显人员 ID,则我得到正确的值:
echo $person_id;
我知道我需要更改 javacript 中的内容才能正确获取我的 mysql 数据,但我找不到答案。之后我也尝试过添加到我的 jaascript
url: 'person/index_person_test.php',
data: person_id,
或者
data: 'person_id'
或者
data: { 'person_id': person_id},
我已经尝试了一切,但它不起作用。
如果我将我的 javascript 转换为静态 person_id,那么工具提示器会显示内容,但当然在悬停时数据总是相同的。所以对于静态我已经改变了这个:
$.ajax({
type: 'POST',
url: '**?main=person/index_person_test&person_id=56774**',
success: function(data) {
你能帮帮我吗?我已经阅读了 ostackoverflow 上的所有工具提示问题,但我找不到答案......
谢谢!米斯科