Question

如果输入字段为空，我想在工具提示中显示一条消息，但我不知道，我尝试了工具提示，但它不起作用，我也不知道为什么，它显示

    Uncaught TypeError: $(...).tooltip is not a function

这是代码（html和jquery）发情：

这里是html

Query(document).ready(function () {
    $('#newrut').inputmask({'mask':'99.999.999-*'});


    $('#searchCertification').click(function (e) { 
        e.preventDefault();
        if(!$('#newrut').val()){
            $('#ruttooltip').css('display','inline-block');
            $('#ruttooltip').tooltip();
        }else{

        }
    });
});

Answer 1

尝试一下：

var tt;
  $(function() {
   tt = $("#tooltip").tooltip();
  });

function showTooltip(){
      if(!$('#newrut').val()){
          tt.tooltip("open");
      }

}

function onchangeInput(){
          tt.tooltip("close");
}

<link rel="stylesheet" href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
  <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
  
  
    <div class="col-xs-12 col-md-2">      

      <input type="text" id="newrut" name="newrut" class="form-control error"
       data-inputmask="'mask':'99.999.999-*'" datamask required
        placeholder="__.___.___-_" onkeyup="onchangeInput()" />
        
       <div id="tooltip" title="No puedes dejar el campo de RUT vacío, o no se puede realizar la busqueda!"></div>
    
      
      <a onclick="showTooltip()" href="javascript:void(0);">Send</a>
    
     </div>

单击按钮时如何显示工具提示

1 个答案: