0

これをコーディングしましたが、マーキー テキストに移動したときにツールチップが読み込まれません。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://www.webringideas.com/wp-content/uploads/demo/tooltip/js/ntip.js"></script>

<div id="fixedfooter">
    <marquee class="smooth_m" behavior="scroll" direction="left" onMouseOut="this.start()" onMouseOver="this.stop()" scrollamount="3">
        <div id="demo">

  <span style="color: #ff0000;" class="formInfo">
  <a href="#">
  <span style="color: #000000;display: none;" class="mycontent">test Successful for HTML Tooltip on marquee</span></a>Testing HTML Tooltip on marquee using jQuery and css
  </span>

  </div>
    </marquee>
</div>

        <script type="text/javascript">
            $(document).ready(function(){
        $(".formInfo").tooltip({tooltipcontentclass:"mycontent"})
});;
        </script>

ただし、マーキーを使用しておらず、テキストが静的な場合、同じことがうまく機能します。

これはこれでうまくいきます、

<span class="formInfo">Tooltip<span style="display: none;" class="mycontent">Testing <font color="red">HTML</font> content</span></span>

マーキーで使用できる、推奨できるツールチップはありますか? ありがとう！

4

1 に答える 1

0

コードを少し変更しましたが、jsFiddleで作業しているようです。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://www.webringideas.com/wp-content/uploads/demo/tooltip/js/ntip.js"></script>
<div id="fixedfooter">
<marquee class="smooth_m" behavior="scroll" direction="left" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3">
<div id="demo">
    <span style="color: #ff0000;" class="formInfo">
    <div class="mycontent" style="color: #000000;display:none;">
        test Successful for HTML Tooltip on marquee
    </div>
    <a href="#"></a>Testing HTML Tooltip on marquee using jQuery and css</span>
</div>
</marquee>
</div>

JavaScript の部分:

$(document).ready(function() {
    $(".formInfo").tooltip({
        tooltipcontentclass: "mycontent"
    })
});;
于 2012-05-25T11:17:05.870 に答える