Question

我有一个包含三个部分的页面：
A，B，C部分

在A部分，有一组按钮可以生成更新C部分的Ajax请求。直到这里一切正常。

问题是我在C部分的按钮（一些带有data-role="button"的链接）不会显示为按钮 - 而是显示为传统链接。

如何将链接外观更改为jQuery按钮？

<div id="setcionA">
    *** Here i call an mvc actionresult that return a partial view that update sectionC 
    <div class="nn" id="I_421" style="left: 0.06em; top: 0.06em; width: 5.18em; height: 5.5em;" onclick="loadXMLDoc('http://localhost:9063/Documentos/Docs/DocsAddItem?NumIdConcepto=421&NumCantidad=1','sectionC','0','POST');">
</div>
<div id="setcionB">
</div>

<div id="setcionC">
    *** This is the result of the ajax call .. but it appear as a link instead of a jquery mobile button
    <div data-role="controlgroup" data-type="horizontal">
        <a id="yes" href="index.html" data-role="button">Yes</a>
        <a href="index.html" data-role="button">No</a>
        <a href="index.html" data-role="button">Maybe</a>
    </div>
</div>

Answer 1

您的代码对我来说很好（除了在您的div中拼写单词“section”）。它必须是您的代码中未显示的其他内容的问题。

编辑：使用jQuery mobile，做你想要完成的事情，最好用新内容刷新整个页面，而不是用Ajax更改页面。

Answer 2

通过ajax检索列表后，必须初始化

$('#ListView').listview(); // It Initializes
$('#ListView').listview('refresh'); // Refresh the list.

jquery mobile不刷新对象

2 个答案: