提取JSON并加载DOM JQM


                    

我的问题是我在应用程序中使用jQuery Mobile。 我使用jqm的内置ajax锚页面过渡。 像这样:</ p>

  开始
</ code> </ pre>

现在,两个html文件都具有相同的结构。 </ p>

   ...  
... </ div>
</ code> </ pre>

我认为cards.html的内容已加载到#home中。 但是我想继续执行getJSON服务器请求并在新页面加载之前修改新页面。 所以基本上,我希望旋转条旋转直到提取JSON并将其放入新的DOM元素中。</ p>

我该怎么办?</ p>
     </ div>

展开原文

原文

My problem is that I use jQuery Mobile in my application. And I use the jqm's built in ajax anchor page transition. Like this:

<a href="cards.html">Go</a>

Now both of the html files have the same structure.

<html>...<body><div data-role="page" id="home">...</div>

I assume the content of cards.html gets loaded into #home. But I want to proceed a getJSON server request and modify the new page before it gets loaded. So basically I want the spin bar to spin until the JSON is fetched and put into the new DOM elements.

How could I do that?

1个回答



  • 将默认情况下隐藏新页面的元素设置为隐藏(使用顶部HTML
    </ code>中的类)</ li>
  • pageshow </ code>事件上显示微调框: $(document).on(“ pageshow”,“ #cards”,function(event){$ .mobile.loading(“ show” );} </ code> </ li>
  • 在同一事件处理程序中启动JSON请求</ li>
  • 在“完成的”回调中更新DOM,隐藏微调框并显示所有更新的元素</ li>
    </ ul>
         </ div>

展开原文

原文

  • Set the elements of your new page hidden by default (use a class in the top HTML <div>)
  • Show the spinner on pageshow event: $(document).on("pageshow", "#cards", function(event) { $.mobile.loading("show"); }
  • In the same event handler start your JSON request
  • In the "completed" callback update the DOM, hide the spinner and show all updated elements

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐