從javascript導軌遠程調用

Question

我正在爲我的新個人網站構建完全自定義的照片庫。我有一個照片顯示視圖，它具有下一個和上一個按鈕，這些按鈕在鏈接上設置爲「remote：true」，因此它在背景中進行調用，然後呈現一個javascript視圖，用於更新頁面上的照片。

現在，我在我的「顯示」視圖上有一個全屏按鈕，它將在我的照片控制器上打開全屏幕動作。

我希望在此處添加上一個和下一個功能，以用戶拖動照片的方式爲基礎。 （拖動工作正常）。在拖動的某個時候，我顯然需要執行一個調用才能抓取下一張照片或上一張照片（取決於拖動方向），但這次調用將來自JavaScript本身。

我該如何去做這件事，並讓控制器返回正確的信息（考慮它），我會要求的照片的URL，它的標題，它的ID，也許是專輯的ID它是英寸

任何想法？

Answer 1

除了MrDanA的評論，您需要將您需要的屬性存儲在您的相關HTML中。爲了保持乾淨的東西，我只是把它們添加到image_tag中軌，就像這樣：

<%= image_tag "location", data: { title: "", id: "", album: "" } %> 

這將允許你給每個圖像的data屬性的不同陣列，然後你就可以在你的JS

參考

然後，只需在拖動圖像時調用下一個或上一個，就可以創建一個ajax調用。至於如何做到這一點，我並不完全確定確切的代碼，但我基本上會在您正在使用的拖動庫中查找事件處理程序，這將允許您觸發ajax請求

請求將允許你ping一個控制器動作，它可以爲你返回相關的圖像。如果你給我們更多的代碼，我們將處於一個更好的位置來幫助！