JQuery移动自定义主题按钮

我刚开始使用jquery mobile自定义主题，而不是默认主题之一。有很多问题…但当前的问题是动态创建的按钮无法按预期工作

我通过$（“#container”）注入了一些动态html

因为它是动态的，我需要

$（“*[data role='button']”）.button（）

让它初始化

虽然“我的按钮”现在看起来像一个按钮，但锚点看起来仍然像一个超链接，单击事件仅在单击按钮内部的超链接时触发，而不是在按钮本身的其他区域

有什么想法吗

更新：

如果我用像这样的div代替锚点

            <div class="view-it" data-role="button">
                View 
            </div>

看法

---

它现在显示正确，但仍然不会对整个按钮表面的点击做出响应…仅在文本周围（+一小段边距）

data role=button

已被弃用，因此您需要手动添加类，即使动态附加它们，也不需要任何手动增强

.button（）

仅用于

您的解决方案如下：

var Btn = '<a href="#" class="ui-btn ui-btn-Custom ui-btn-icon-Position ui-icon-Name">Button</a>';

$(".selector").append(Btn);

var Btn=''；
$（“.selector”）.append（Btn）；

• ui-btn-Custom

  ：是主题样例，即

  ui-btn-a

• ui-btn图标位置

  ：图标的位置，左、右、上、下或notext，即

  ui-btn图标左

• ui图标名称

  ：图标的图像，即

  ui图标主页

---

您使用的是哪个版本？jquery mobileso的1.4.1我实际上需要添加每个类，而不是对每个按钮都说data role='button'。@jeff是的，没错。它已弃用，将在1.5中删除。您会注意到锚标记中没有

span

s'包装。它是直接的，处理速度更快。向前一步，四步back@jeff哈哈..JQM已经弃用了许多小部件来提高性能。如果仍要使用

数据角色

，请使用

.buttonMarkup（）

而不是

.button（）

。它也被弃用，将被删除，但它现在可以使用。

var Btn = '<a href="#" class="ui-btn ui-btn-Custom ui-btn-icon-Position ui-icon-Name">Button</a>';

$(".selector").append(Btn);