在jquery mobile中创建图像按钮

Question

我试图在jquery mobile中创建一个只有图像而没有文本的按钮，只要能够添加数据图标，但我觉得它可以做得更好。

<a onclick="newfunction();" data-icon="plus" data-iconpos="notext" ></a>

Answer 1

您可以创建仅包含图片的按钮：

<img style="height: 40px; width: 40px;" id="newid" data-role="button" src="source\images\greenplus.png" data-iconpos="notext" data-theme="a" />  

Answer 2

data-iconpos="notext" 

确实是你创建一个没有文字但只有图像的按钮的正确方法。

但是我会改变你写的onclick函数。而不是：

<a onclick="newfunction();" data-icon="plus" data-iconpos="notext" ></a>

试试：

<a class="plus_button" data-icon="plus" data-iconpos="notext" ></a>

由于您使用的是jquery，因此使用最大jquery，您的函数将是：

$(".plus_button").click(function(){
   //something here
});

干杯。