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 回答