Home / Questions / 48440
Accepted
ccfz
Asked: 2020-02-09 11:38:30 +0800 CST 2020-02-09 11:38:30 +0800 CST

It doesn't show me the tooltip

  • 772

Well that, I'm trying to show me one tooltipin an input field and it doesn't show me, I don't know where I'm having the error.

//Javascript (JQuery)
$(function test()
{
    var valor = $("#nombre").val();
	if( valor == null || valor.length == 0) {
	  $("#nombre").tooltip({
		 content: "texto de prueba"
	  });
	  return false;
	} else { return true;}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<input type="text" id="nombre" onclick="test();">

Sure it's silly but I can't visualize it.

javascript

2 Answers

  1. Best Answer

    It was missing to add the proper libraries, and the title attribute in the input

    function test()
{
	var valor = $("#nombre").val();
	if( valor == null || valor.length == 0) {
	$("#nombre").tooltip({
		content: "texto de prueba"
	});
	     return false;
	     } else { return true;}
	};
      <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery UI Tooltip - Default functionality</title>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<input id="nombre" title="faltaba title" onclick="test();">

    • 4
    1. Check that JQuery is the first library you call.
    2. The code you execute must be after the JQuery call.
    3. In your code $(function test()replace it with function test()without the dollar sign at the beginning.
    • 1