0

我很沮丧,因为我找不到答案如何显示带有 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 上的所有工具提示问题,但我找不到答案......

谢谢!米斯科

4

0 回答 0