Question

我已对此进行了编码，但在使用字幕文本时，它并没有加载工具提示。

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

您可以推荐哪些工具提示我可以在Marquee中使用？谢谢！

Answer 1

我修改了一些代码，看起来像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"
    })
});;

无法使用jquery在选取框上显示工具提示

1 个答案: