如何在 jQuery Mobile 中正确定位元素？

Question

我想在listview中有listitem（注意：listitem<li>是用JS动态生成的）产品价值在左边，button在右边但是我在 <div data-role="main" align="center"> 中有 align="center" 并居中 product value 和 button 但是如果我放在 <div> （在 listitem 中）product value 在另一个 <div> 中有一个按钮我在左侧 产品价值 和右侧按钮（但在下一行）喜欢这个 img 那么如何正确定位呢？

var li = '<li><div>' + productVal + btn + '</div></li>';

所以左边……右边一个按钮这是我的代码 https://jsbin.com/revuto/edit?html,output

其实我有但想要

对不起代码中的波兰语文本所以我翻译波兰语-英语

Wprowadź 产品 - 提供产品

dodaj - 添加

usuń- 删除

niebezpieczna strefa- 危险地带

Answer 1

使用分类为 ui-grid-a 的包装器并将每个 "column" 包装在 div ui-block-a 和 ui-block-b

中

例如

<div class="ui-grid-a">
    <label class="ui-block-a" for="input">
        label: <input type="text" id="input">
    </div>
    <div class="ui-block-b">
        <br>
        <button type="button" >Button</button>
    </div>
</div>

如何在 jQuery Mobile 中正确定位元素？

How to proper positioning elements in jQuery Mobile?

html

javascript

css

jquery

jquery-mobile