我正在为我的新个人网站建立一个完全自定义的照片库。我有一个照片显示视图,其中包含下一个和上一个按钮,这些按钮具有" remote:true"在链接上设置,以便它在后台进行调用,然后呈现一个javascript视图,用于更新页面上的照片。
现在,我的“显示”视图上有一个全屏按钮,可在我的照片控制器上打开全屏操作。
我希望根据用户在视图中拖动照片的方式在此处添加上一个和下一个功能。 (拖动工作正常)。在拖拽的某一点上,我显然需要执行调用以获取下一张照片或上一张照片(取决于拖动方向),但这次调用将来自javascript本身。
如何执行此操作并让控制器返回正确的信息(考虑它),我将需要照片的网址,标题,ID以及也许是它所在专辑的内容。
有什么想法吗?
答案 0 :(得分:0)
除了MrDanA
的评论之外,您还需要在相关的HTML中存储您需要的属性。为了保持清洁,我只需将它们附加到导轨中的image_tag
,就像这样:
<%= image_tag "location", data: { title: "", id: "", album: "" } %>
这将允许您为每个图像提供一个独特的data
属性数组,然后您可以在JS中引用它们
然后,您只需要在拖动图片时调用下一个或上一个来创建一个ajax调用。至于如何做到这一点,我并不完全确定确切的代码,但我基本上在您正在使用的拖动库中寻找一个事件处理程序,这将允许您触发ajax请求
此请求将允许您ping控制器操作,该操作可以为您返回相关图像。如果您给我们提供更多代码,我们会更好地帮助您!