我需要根据用户点击的链接更改一些div内容。 这是我的代码
:javascript
$('.some_clickable_item').on('click', function(e) {
clicked_element_id=$(this).data("element_id")
$('#my_destination_div').html("#{ render partial: "dashboard/some_partial_name", locals: {item_id: clicked_element_id} }");
})
显然,这不起作用,因为clicked_element_id是一个js变量,但我需要将它传递给我的部分。
任何简单的想法都能让它发挥作用? 谢谢!!
答案 0 :(得分:0)
部分的渲染在 click
事件之前发生。实际上,在浏览器收到响应之前,部分将在服务器上呈现。
您必须使用XHR替换#my_destination_div
的内容。见https://api.jquery.com/load/
.load( url [, data ] [, complete ] )
描述:从服务器加载数据并将返回的HTML放入匹配的元素中。
此方法是从服务器获取数据的最简单方法。