Jquery mobile - data-role =“none”有时无法正常工作

Question

我的应用程序上有一个非常奇怪的行为。我有一个页面div的导航。在第一页上，我有rateit插件处于活动状态。如果我在url中使用#one重新加载第一页，则会忽略data-role =“none”。这一直让我疯狂，我试图设置一个jsfiddle，但因为我也需要rateit插件，我不能。

我的应用程序有一个带链接按钮和取消按钮的简单导航，它会激活一个ResetAll（）javascript函数。

以下是代码：

页面标题

<script src="assets/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
    $(document).bind("mobileinit", function(){
        $.extend( $.mobile , {
            ignoreContentEnabled : true
        });
    });
</script>   
<script src="assets/jquery.mobile-1.3.2.min.js"></script>

在div <div data-role="page" id="one">

中的rateit星形容器

    <div class="rateit bigstars" id="rateitcontainer" data-rateit-step="1" 
data-rateit-starwidth="128" data-rateit-starheight="128" 
data-rateit-resetable="false" data-role="none"></div>

取消按钮

<p><a href="#cancel" class="button floated smallbutton" data-role="button" data-theme="e" onclick="ResetAll()">cancel</a></p>

重置所有功能

function ResetAll() {
    window.location.href = "#one";
    location.reload(true);
};

当我加载像这个domain.com/#one的页面时（重新加载后会发生什么），这个丑陋的div在星空之上，我无法摆脱它！请帮助别人！

Answer 1

好的，这只是疯狂和疯狂，我相信我之前已经尝试过了，但现在它正在运作。

data-role="none"无效，因为div不是JQM小部件，因此未应用。

div需要 data-enhance="false" 才能设置样式！ 我在jQuery论坛上学到了这一点。不知道我为什么不早点上班......