台灣最大程式設計社群網站
線上人數
874
 
會員總數:245466
討論主題:189222
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> json下來資料放至<div>後如何refresh.
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
json下來資料放至<div>後如何refresh.
價值 : 50 QP  點閱數:1626 回應數:12

樓主

程式小學徒
初學者
60 2
179 26
發送站內信


請問

jquerymobile.一般若把json後的資料放至listview的套件中.會以$("#id").listview('refresh');

但若把josn資料放至<div id="id">中時.如何refresh.因是js的特效格式.推測沒有refresh.所以無法出現js的特效

(已使用過$("#id").trigger('refresh');無法出現)

還請了解的大大解答一下.謝謝.

搜尋相關Tags的文章: [ JSON ] , [ DIV Refresh ] , [ js特效 ] ,
本篇文章發表於2015-09-16 16:42
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
1樓
回應

Daimom
捐贈 VP 給 Daimom 檢舉此回應
div 不用refresh...
這個看看 任意門
本篇文章回覆於2015-09-16 16:55
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

程式小學徒
檢舉此回應
我說清楚一點好了.

有一個js特效格式是

<div id="focus_Box" >
<span class="prev">&nbsp;</span>
<span class="next">&nbsp;</span>
<ul>
<li>
<a href="http:#"><img width="445" height="308" src="images/1.jpg" /></a>
</li>
<li>
<a href="http:#"><img width="445" height="308" src="images/1.jpg" /></a>
</li>
<li>
<a href="http:#"><img width="445" height="308" src="images/1.jpg" /></a>
</li>
....

</ul>

</div>

當上述是靜態格式時.會有js輪播圖片的效果.

當我把程式改成動態時.

<div id="focus_Box" >
<span class="prev">&nbsp;</span>
<span class="next">&nbsp;</span>
<ul>
<div id="Carousel">
</div>

</ul>



</div>

而json下來的資料以 $("#Carousel").html($.trim(jsonData));

就沒有辦法呈現輪播廣告的效果.

而非以click去解發div json

希望能更讓人了解我的問題.也謝謝你的回答.















本篇文章回覆於2015-09-16 17:28
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
回應

Daimom
捐贈 VP 給 Daimom 檢舉此回應
你如果要套用別人寫好的js的話,你的格式至少需要跟他一樣,不建議多加其他的標籤(當你熟的話可以加)..
不然他那邊的設定會抓不到你的圖片
你需要改用<li>跟 <a> 而不能用<div>
本篇文章回覆於2015-09-17 08:22
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
作者回應

程式小學徒
檢舉此回應

嗯.我有考慮過這問題.我將靜態改成

<div id="focus_Box">
<li>
<a href="http:#"><img width="445" height="308" src="images/1.jpg" /></a>
</li>
<li>
<a href="http:#"><img width="445" height="308" src="images/2.jpg" /></a>
</li>
<li>
<a href="http:#"><img width="445" height="308" src="images/3.jpg" /></a>
</li>
</div>

是有作用的.

最早是用 <ul id="focus_Box"> ..... 還是不行.後來就試著各種方式run了.

是推測載入js和json .jquerymoile.pageshow等時機問題..所以才想著能不能refresh試試.

另一個嘗試是把 focus_Box js載入的時機.放到body內來執行.而不是<head>.也不行..

真正問題還沒找到..暈.






本篇文章回覆於2015-09-17 08:52
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

程式小學徒
檢舉此回應

另外有用click檢測手法

$("#check").text($.trim(JsonData));

<div id="check">

去觀察Json下來的字串是符合格式的.

現在就不知怎麼重新refresh或reload js





本篇文章回覆於2015-09-17 09:41
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
回應

Daimom
捐贈 VP 給 Daimom 檢舉此回應
我的意思是 你在靜態下可行的話,就把你的樣式改成跟靜態的樣式一樣
例如
<ul>
for ...{
<li>
<a href=".....">中間包你動態的圖</a>
</li>
}
</ul>

用這樣去跑,除非你去看他原始的code去看他的圖片是怎麼抓的你才能去修改格式。
本篇文章回覆於2015-09-17 11:53
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
作者回應

程式小學徒
檢舉此回應


我 mock 的程式.得到json後的資料.譬如:

josnData = $.trim(jsonData);

讓josnData以text的方式呈現後 = <li>
<a href="http:#"><img width="445" height="308" src="images/1.jpg" /></a>
</li>
<li>
<a href="http:#"><img width="445" height="308" src="images/2.jpg" /></a>
</li>
<li>
<a href="http:#"><img width="445" height="308" src="images/3.jpg" /></a>
</li>

再把這段去取代原本的地方.
<ul>
<div id="Carousel">
</div>




代表我josnData的格式是正確.資料格式是正確的.js有作用.

但用html去指定就是沒效果.連圖都沒有顯示.才懷疑是載入時機等問題.





本篇文章回覆於2015-09-17 14:19
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
8樓
不錯的參考

Daimom
捐贈 VP 給 Daimom 檢舉此回應
這樣好了 比較快一點的方式 你把你用動態產生的程式碼(在網頁上按F12)
把那整段貼上來。請記得程式碼要排版
本篇文章回覆於2015-09-17 15:44
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
9樓
最有價值解答

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
感覺你碰上的是事件問題。

可能你的js的特效是運用載入後的事件觸發來處理的。
但因為因重新變動了頁面,但事件未重新觸發導致無法正常工作

我只是猜測可能是這樣的問題。
本篇文章回覆於2015-09-17 17:46
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
10樓
作者回應

程式小學徒
檢舉此回應

嗯.謝謝

我也是這麼覺得.我找找有沒有事件重新觸發不reload的方式.

(程式碼主要都在上面了.其它是js特效和ajax json的語法.驗證資料正確應該不是那些問題)

本篇文章回覆於2015-09-18 09:27
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
11樓
作者回應

程式小學徒
檢舉此回應


ok了.我在程式碼裡把js reload會用到的函數呼叫一次.特效就出現了.

謝謝

本篇文章回覆於2015-09-18 09:48
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
12樓
回應

小魚
檢舉此回應
謝謝大大分享
本篇文章回覆於2015-09-19 16:42
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.