0

我正在尝试controlgroup动态添加两个按钮。controlgroup包含在header. 我希望两个按钮并排在标题的右侧。

但是按钮正在以vertical某种方式添加，并且按钮周围还有一个矩形框。我怎样才能以正确的方式做到这一点？

链接：http: //jsfiddle.net/saQFx/1/

$('div[data-role="controlgroup"]').append('<a href="#" data-role="button" data-icon="bars" data-iconpos="notext" id="open-panel"></a>');

$('div[data-role="controlgroup"]').append('<a href="#" data-role="button" data-icon="bars" data-iconpos="notext" id="open-panel2"></a>');

$('#open-panel').button();
$('#open-panel2').button();
4

1 回答 1

1

出于某种原因，data-type="horizontal"当您尝试将a标签动态推送到controlgroup. 所以我尝试通过这样的代码再次设置这些值：

$('#ctrl').controlgroup({
  type: "horizontal",
  corners: false
});

然后，trigger在 上创建page：

$("#frontPage").trigger('create');

这似乎有效。我会对此进行更多调查并回复您。但现在，这是一个工作演示：http: //jsfiddle.net/saQFx/3/

所做的更改

  • 从 html 中删除数据角色并controlgroup从 JS初始化
  • 改为append()_html()
  • 最后添加trigger('create');。
  • 删除button()。这不再需要了。如果你正在一起做很多改变，就像你现在正在做的那样，更明智的做法是create呼吁page。

一种替代方法是通过 javascript 将其所有内容注入整个控制组，然后trigger('create')在您的页面上运行。

编辑

不幸的是，当您controlgroup通过 JS 方式初始化时，圆角不会自行启动。猜猜你必须自己添加ui-corner-all课程，我只是不想进入那个。这是一个全新的混乱程度。因此，您可以尝试我提到的第二种方法：

  • 通过JS本身注入整个控制结构
  • 触发到底的create方法page。

这是一个演示：http: //jsfiddle.net/hungerpain/saQFx/8/

希望这可以帮助！

于 2013-06-11T11:32:00.397 回答