Jquery-UI-button-icon ohne text

Ich möchte die jquery-ui-button mit text. Ich bin mit dem HTML-javascript-jquery-ui-code unten, aber die Symbole ohne text auf dem button, nur wenn ich die Maustaste gedrückt halten, es zeigt den text eingefügt. Wie kann ich es beheben so kann ich den text neben den Symbolen angezeigt.

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery UI Button - Icons</title>
  <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">
  <script>
  $(function() {
    $( "#but1" ).button({
      icons: {
        primary: "ui-icon-locked"
      },
      text: false 
    });


    $( "#but2" ).button({
      icons: {
        primary: "ui-icon-clock"
      },
      text: false
    });




  });
  </script>
</head>
<body>

<button id="but1" value="Rest">Button with icon only</button>
<button id="but2" value="Rest">Button with icon only</button>


</body>
</html>



One Reply
  1. 0

    Text wird nicht angezeigt, da Sie geschrieben haben,

    $( "#but1" ).button({
      icons:{
        primary: "ui-icon-clock"
      },
      text: false
    });

    versuchen Sie folgenden code

    $("#but1").button({
        icons: { secondary: "ui-icon-locked" }
    });

    zeigt sowohl text und ein Symbol.

    • Hi debin, ich versuchte es, wie Sie sagen, den text entfernen:false und ändern primären, sekundären, aber es zeigt das samething, button mit icons und keinen text, und wenn halten Sie mit der Maus über zeigt den text an.
    • Hi debin, sorry wusste ich nicht, überprüfen Sie es gut, ja es funktioniert mit deinem Vorschlag, danke sehr.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.