2012-12-02 71 views
-1

好吧,所以我從HTML Kickstart中獲得了這個幻燈片。 (請參閱http://www.99lime.com/elements/) 它通過添加/刪除「current」類來檢查圖像列表。我不確定,但我想我正在嘗試創建一個動態頁面?

我試圖製作頁面,以便每當圖片發生變化時,頁面上的評論和標籤也會更改,而不會刷新頁面。

我不知道如何使用我的app.py中的GET/POST方法來解決這個問題。或者它會是JavaScript/jQuery。謝謝。

mockup

+0

這將是JavaScript,使客戶端Ajax請求,並在您的服務器端的代碼接收請求併發回信息。您的客戶必須向服務器詢問給定圖片ID的評論數據。 – jdi

+1

這個問題很模糊,因爲沒有人確切地知道客戶端和服務器端有什麼樣的數據可用。沒有人知道你使用的是什麼Web框架。如果所有評論數據都在請求中放下,它可能是完全客戶端解決方案。或者可能是客戶端/服務器解決方案。沒有太多的信息可以讓你回答這個問題。 – jdi

+0

*我不確定,但我認爲你想在這裏問一個問題?*如果你是失敗悲慘! –

回答

3

讓我們想象一下,用戶A和用戶B在同一時間進入頁面,看到了2條評論別人面前,並且兩個USER1寫和user2寫每一個意見和他們都不刷新頁面,但保持盯着幻燈片。數據庫中會有4條評論,但如果AJAX沒有用於加載新的評論和標籤,A和B將會看到3條評論,即前面的2條評論和他們自己的新評論。

  • 如果這是可以接受的,則不需要使用AJAX。

  • 如果這是不可接受的,您需要使用AJAX。根據該滑動你是


如果你決定不使用AJAX,只是預加載的意見和其他的東西顯示和隱藏它們。如果您在顯示第二個等時顯示第一張幻燈片'onslide2'時更改包含該註釋的元素的類並將其設置爲'onslide1',則可以使用CSS規則來顯示所需的元素如下:

div.comments { display: none} 
.slide1 div.comments {display: block} 
.slide2 div.comments {display: block} 
/*etc ...*/ 

更簡單的解決方案?如果您可以將這些信息合併到幻燈片中,情況可能會更加容易。這將意味着,您可以使用一些簡單的HTML代替純文本圖像,以顯示圖像和註釋以及您希望與幻燈片關聯的所有內容。


要加載使用Ajax的意見和其他的東西,你就需要在服務器端和客戶端的工作都(確保你進行Ajax調用的幻燈片改變或之前(可能改變在您收到您的數據的那一刻準確地滑動))。如果你確實走這條路,那麼你需要進一步的幫助,如果你問一個單獨的問題來說明你的決定以及你想達到什麼,那麼這可能是最好的。 (這是更多的一個問題,要求就一般策略提出建議。)

+0

謝謝!我目前正在查找關於如何正確使用ajax的信息。如果我稍後需要更多幫助,我會回覆。 對不起,模糊。我的代碼還處於早期階段。我使用python和mongoDB作爲數據。 – user1869558

+0

我編輯了我的問題,以幫助您確定哪種方法最好,而不是推薦一種。根據你的要求,這個決定必須是你的。當你決定你可以提出一個單獨的問題來解釋需求,你選擇的解決方案的步驟,以及你可能需要幫助的確切位。祝你一切順利:-) –

相關問題