JQuery-UI значок кнопки без текста

Я хочу использовать кнопку jquery-ui с текстом на них. Я использую HTML javascript jquery-ui-код ниже, но значки отображаются без текста на кнопке, только когда я держу кнопку мыши на нем, он отображает включенный текст. Как я могу исправить это, чтобы текст отображался рядом с значками.JQuery-UI значок кнопки без текста

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

источник

2016-01-01 Maziar Tasbihi

Текст не отображается, так как вы написали

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

попытка ниже кода

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

он будет отображать текст и значок.

источник

2016-01-01 09:27:38 Dhara

Привет debin, я попробовал это, как вы говорите, удалите текст: false и измените первичный на вторичный, но он показывает самонадеянность, кнопку со значками и без текста, а при удерживании мыши над текстом. –

@MaziarTasbihi https://jsfiddle.net/BDhara/faw9Lo88/ проверить это – Dhara

Привет, debin, извините, я не проверял это хорошо, да, это работает с вашим предложением, спасибо вам большое. –

JQuery-UI значок кнопки без текста

ответ

Смежные вопросы