Jquery mobile JQuery Mobile-更改按钮后刷新它';内容
在调用按钮上的Jquery mobile JQuery Mobile-更改按钮后刷新它';内容,jquery-mobile,Jquery Mobile,在调用按钮上的button()方法后,单击处理程序从“我的按钮”中删除是否有原因。我正在更改按钮的内容,因此需要刷新它们。我注意到刷新不起作用,所以我尝试了按钮方法 这将重新设置“按钮”的样式,但我丢失了单击事件 我怎样才能做到这两个呢 代码如下: $(“[data role=button]”)html(“hello world”).button(); $(“[data role=button]”。单击(函数(){ 警报(“我被点击”); }); 我最大的问题是我有一个div,它充当一个按钮
button()
方法后,单击处理程序从“我的按钮”中删除是否有原因。我正在更改按钮的内容,因此需要刷新它们。我注意到刷新不起作用,所以我尝试了按钮
方法
这将重新设置“按钮”的样式,但我丢失了单击事件
我怎样才能做到这两个呢
代码如下:
$(“[data role=button]”)html(“hello world”).button();
$(“[data role=button]”。单击(函数(){
警报(“我被点击”);
});
我最大的问题是我有一个div
,它充当一个按钮。我想更改div的内容,但我想让它继续看起来像按钮,同时保持其行为。尝试以下操作:$(“[data role=button].ui btn text”).html(“hello world”)
否则填充将丢失。首先,请给出与问题相关的示例(当您仅更改按钮的标题时),当jQM为您提供许多标准选择时,使用div
作为按钮没有多大意义
所有这些:
按钮元素
jQM将自动增强为按钮,而无需指定data role=“button”
。
当然,你也可以使用链接作为按钮
现在如果您仍然想将div
用作按钮,则无需指定data role=“button”
只需调用button()
插件即可。这将为您创建所有必要的标记,并且您的原始div将被保留为隐藏
By按钮
$(“div#button1”).button();
要在更改按钮标题后刷新按钮,需要调用refresh
方法:
$(“div#button1”).html(“Hello World”).button(“刷新”);
现在要正常处理特定按钮的单击事件(如果它不是页面上唯一的按钮),您可能需要比data role=button
属性更具体的选择器<代码>id
非常适合这样做。所以不是
$(“[data role=button]”。单击(function(){…});
做
$(“div#button1”)。单击(function(){…});
最后您肯定知道这一点,但我没有在您的JSFIDLE中看到它,所以我只是提到您最好将代码放在一个jQM页面处理程序中。这是推荐的方法
$(document).on(“pageinit”,“page1”,function(){
...
});
是jsFiddle。您的示例无论如何都有效。请在JSFIDLE中重新创建错误。另外,刷新不起作用,因为在刷新之前必须初始化按钮,例如:$(“[data role=button]”.html(“hello world”).button().button('refresh');,但正如您可能注意到的,只需调用button()就足够了。