我没有做家庭作业,但无法上班。 按钮样式不会刷新,请提供帮助。

        <div id="qpage" data-role="page">
        <div data-role="header">
            <a id="exit-quiz" data-role="button" data-icon="arrow-l" >Exit</a>
            <h1 id="ques-title">#ques-title</h1></div>
        <div data-role="content">
            <div class="ui-bar-a" id="ques-timer">
                #ques-timer
            </div>
            <div id="question"><h3>#Question</h3></div>
            <div class=".button-set" data-role="controlgroup" id="answerbox">
                <a data-role="button" id="answer_1">#answer_1</a>
                <a data-role="button" id="answer_2">#answer_2</a>
                <a data-role="button" id="answer_3">#answer_3</a>
                <a data-role="button" id="answer_4">#answer_4</a>
            </div>
            <div id="explanation">

            </div>
        </div>
        <div data-role="footer"><h2>Copyright Kaveen</h2></div>
    </div>

这是我写的Javascript

            $("#subject1").bind('click',function(){
            var json = $.get("test.json",function(data){
                $("#question").html(data.question);
                $("#answer_1").html(data.mcq_1);
                $("#answer_2").html(data.mcq_2);
                $("#answer_3").html(data.mcq_3);
                $("#answer_4").html(data.mcq_4);
            });  

我确实尝试过$( "div[data-role=page]" ).page( "destroy" ).page(); 但这是行不通的。请帮我,谢谢。 JSFIDDLE http://jsfiddle.net/xRTCu/

===============>>#1 票数:1 已采纳

试试这个,它应该可以工作:

$("#answer_1").button("refresh");

如果那也行不通,请尝试此

$("#answer_1").buttonMarkup();

编辑:jsfiddle更新了http://jsfiddle.net/androdify/xRTCu/4/使用此:

 $("#answer_1 .ui-btn-text").text(data.mcq_1);

为什么? 因为jquery mobile在具有class="ui-btn-text"的按钮周围添加了跨度

===============>>#2 票数:0

如果您使用的是最新版的jQu​​ery mobile,请尝试$( "div[data-role=page]" ).trigger ("create") 某些版本不推荐使用该page

如果您使用的是较旧的jQM版本,则可以在将JSON数据附加到这些按钮之后使用$("[data-role=button]").button().button ("refresh")

编辑

从您的小提琴中,我可以看到您正在使用html() ,并且正在擦除jQM的标记。 这是data-role=button转换您的标记的方式:

<a data-role="button" id="answer_1">#answer_1</a>

//becomes

<a data-role="button" id="answer_1" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c" class="ui-btn ui-shadow ui-btn-corner-all ui-first-child ui-btn-up-c">
  <span class="ui-btn-inner">
       <span class="ui-btn-text">mcq wrong</span>
  </span>
</a>

因此,通过使用html()您可以有效擦除内a所有内容。 尝试像这样在a搜索ui-btn-text类,然后在其中输入文本的方式运行html

$(".ui-btn-text", "#answer_1").html(data.mcq_1);
//OR
$("#answer_1").find(".ui-btn-text").html(data.mcq_1);

这是您更新的演示: http : //jsfiddle.net/hungerpain/xRTCu/3/

  ask by KaveenR translate from so

未解决问题?本站智能推荐:

1回复

除非页面刷新,否则不会出现jQuery Mobile内容

除非手动刷新页面,否则不会在底部使用Javascript进行代码操作。 有什么办法可以防止这种情况? 如果没有,如何在页面加载后立即动态刷新? 谢谢你的帮助!
1回复

jQuery Mobile页面在我刷新之前不会显示内容

为什么我的带有两个“移动”页面的html页面必须刷新或移动一些小边缘才能在其中显示我的地图? 请参阅我的小提琴或以下代码: 我有一个包含两个jQuery Mobile页面的移动页面文档(html)。 1.要求您知道您的位置的登录页面。 2. OpenLayers3地图页面,它将打开您
3回复

在jQuery Mobile中刷新动态创建的页面

我有以下问题: 我正在使用Jquery mobile,用户可以搜索产品,并且这些页面的详细信息是动态创建的: 就像是 : 它工作正常,但是问题是当您转到产品详细信息并单击刷新时,该表单再次出现,并且由于Dom已刷新,所以我无法再访问产品详细信息(需要进行其他搜索等) ..)
1回复

jQuery Mobile如何在导航后刷新内部页面

嗨,我用html5和JS开发了一个移动应用程序。 我在下面的html中包含所有使用的页面 在我的应用程序中,我从第2页转到第3页,在完成某些功能后,我必须回到第2页,但是我尝试刷新它没有成功。 我使用以下代码以便从page3返回至page2 更改页面后如何刷新page
1回复

在jquery移动页面加载时刷新内容

我有一个列表视图,当在列表视图上单击每个项目时,(将其添加到本地存储中),将打开一个对话框(页面),显示单击的项目的更多信息(详细视图)。 我为对话框页面添加了标记,同时执行的操作是,当我单击一个项目时,它在对话框页面上显示了所单击项目的正确详细信息,但是当对话框页面关闭并单击另一个时,项目,
1回复

如何在加载完成JQuery Mobile时刷新页面?

我正在制作一个JQuery Mobile PhoneGap Build应用程序,我需要页面在打开后刷新或重新加载。 该页面将通过主页上的链接打开。 我这样做是因为由于某种原因,当从主页打开链接时,当附加到onclick或onmouseover按钮时,所有功能均不起作用。
1回复

jQuery Mobile:返回页面时未加载动态内容

我来自getmovies.php数据正常工作,并在我第一次加载页面时加载到#moviesPage 。 但是,如果我离开#moviesPage并返回到该内容,则不会重新加载该内容。 出现页眉和页脚,我可以看到未填充的<ul>也在那里,只是没有任何动态加载的<li>s 。
1回复

更改页面后如何刷新ListView

嗨,我开发了一个移动应用程序,在一个文件中有5个html页面。 在第2页中,我有建筑物费用的清单视图。 在第3页中,我有一个功能可以支付从第2页中选择的费用。在上述功能的末尾,我包含以下代码 我希望当应用程序从第3页返回第2页时不显示已付费用。 我想要我是否很好地理解页
1回复

如何在Jquerymobile MVC中重定向页面后刷新页面

大家好,我创建了一个小型的jquerymoblie mvc3应用程序,因为单击列表视图中的链接时,我将使用列表视图控件将其呈现到下一页,在该页面中,我已使用文本框将一些数据上传到数据库中更新完成后,我已重定向到上一页,现在我再次重定向到同一页以上传其他数据,但文本框字段不清除,它显示旧数据,当我
2回复

JQuery页面刷新

如何使用JQuery以设置的间隔刷新页面,这些页面可以像元刷新一样工作但不重新加载页面? ...或者在页面上重新加载html表单以刷新它显示的数据? 这些都可以工作,但我找不到任何实际工作的东西。 谢谢!