1

jQuery のツールチップ (Tipsy を使用) を機能させるのに問題があります。ツールチップは通常のページでは正常に機能しますが、実際には、PHP を介して含めるページにツールチップが必要です。そのページを含めている理由は、jQuery を使用して x ミリ秒ごとに含まれているページを自動更新するためです。

この自動更新メカニズムにより、ツールチップが正しく機能していないようです。そのメカニズムを削除すると、ツールチップが表示されますが、ページのその部分は明らかに間隔を置いて再読み込みされません。含まれているページが自動的に更新されるようにしながら、ほろ酔いを機能させる方法を探しています。

次のように自分のページを含めます。

<div id="vardisplay">
    <?php include("vardisplay.php"); ?>
</div>

次に、次のスクリプトを使用して "vardisplay" DIV を更新すると、含まれているページが再読み込みされます。

<script>
$(document).ready(function() {
    $('#vardisplay').load('editarticle.php?bid=<?php echo $bnummer ?> #vardisplay');
    var refreshId = setInterval(function() {
        $('#vardisplay').load('editarticle.php?bid=<?php echo $bnummer ?> #vardisplay')}, 750);
   $.ajaxSetup({ cache: false });
});
</script>

ほろ酔いツールチップが必要なオブジェクト (含まれているページ内) は、次のようなものです。

<div id="TipsyMe" title="I got tipsied">
     <p>Testpiece</p>
</div>

私は現在、このスクリプトをそのページに配置することで、その特定のツールチップを実現しようとしています。

<script>
$(function() {
        $("#TipsyMe").tipsy({gravity: 's'});
    });
</script>

最終的に表示されるのは、jQuery が完全に無視される通常のブラウザー ツールチップです。繰り返しますが、メイン ページの自動更新メカニズムを削除すると、問題なく動作します。

この時点で私は唖然とします。過去数時間、何の結果も得られずにグーグルで検索しました。どんな助けでも大歓迎です！

4

1 に答える 1

0

in the tipsy doc, you can stumble upon an option called "live"

$(function() {
    $("#TipsyMe").tipsy({
        gravity: 's',
        live: true
    });
});

shall do it. (as you seem new, accepting answer will attract people for your future answer hint hint hint :P)

be careful thou: "live tooltips do not support manual triggering." (from the doc)

EDIT: didn't see properly your code:

$(function() {
    $("div.someTotal").tipsy({
        gravity: 's',
        live: true,
        title: "I got tipsied"
    });
});

"someTotal" is the class for all you "boxes" where you have the edit and delete icon. If you don't have such class yet, you can create one (you can name it tipsy by example) and use it ($("div.tipsy").tipsy({...

于 2011-11-14T23:24:24.153 に答える