Question

我有以下代码（http://jsfiddle.net/56bv52us/3/）：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<input class="age" title="Hello <br/>My message" >

<script>
$(function() {
    $( document ).tooltip({
        content: function() {
            return $(this).attr('title');
        }
    });
});     

</script>

我要做的是始终显示消息，即不需要将鼠标移动到显示的消息，它始终存在。您可以在不影响邮件中的HTML的情况下执行此操作吗？

我正在使用此工具栏：http://jqueryui.com/tooltip/

Answer 1

您可以定位元素并调用open method

＆＃13;

$(function() {
  $('input.age').mouseleave(function(e) {
    e.stopImmediatePropagation();
  }).tooltip({
    content: function() {
      return $(this).attr('title');
    }
  }).tooltip('open')
});

＆＃13;

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<input class="age" title="Hello <br/>My message">

＆＃13;

Answer 2

 $(".age").trigger("mouseover");

*注意：这只会在徘徊之前有效

工具提示jquery总是存在

2 个答案: