javascript - 为什么我的可排序功能在 Rails 中不起作用?
问题描述
我想拖动和排序的 div id="sortable" class="sort"
。我使用了sortable的功能,但它不起作用。任何人都可以提供建议吗?
$(document).on('change', '.my_class', function() {
$target = $(this).closest('.question').find('.option')
if (this.value == "SINGLE OPTION" || this.value == "OPTIONS") {
$target.show();
} else {
$target.hide();
}
});
$( function(){
$('.sort').sortable();
});
<div id="sortable" class="sort">
<%= f.fields_for :questions do |question_form| %>
<div class="question">
<%= question_form.text_field :question_text %>
<%= question_form.select(:question_type, [ 'TEXT','SINGLE OPTION', 'OPTIONS', 'UPLOAD' ],{:prompt => 'Select One'}, :class => "my_class") %>
<%= question_form.link_to_remove "Remove this Question" %>
<%= question_form.fields_for :options do |option_form| %>
<%= option_form.text_field :option_text %>
<%= option_form.link_to_remove "Remove this option" %>
<% end %>
<div class="option" hidden>
<%= question_form.link_to_add "Add a option", :options %>
</div>
</div>
<% end %>
</div>
解决方案
我的解决方案是使用 turbolinks。
$(document).on( 'turbolinks:load', function(){
$('.questions').sortable();
});
推荐阅读
- ios - 线程 1:致命错误:单击 collectionview 项目时索引超出范围
- sql - 建议提高查询性能 (Oracle)
- jq - 如何使用 jq 查找多个输出对象之一的计数
- android - 由于 firebase-auth 依赖,Gradle 构建失败
- ssas - DAX Studio 中的 YTD Measure 未显示多个日期的任何值
- networking - 是否可以通过 OpenvSwitch 识别通过蓝牙连接的设备
- telegram - 如何在电报中获取自定义更新
- android - 在初始化中触发微调器选定的项目更改事件
- qt - QT 优化程序以特定时间间隔执行计算(信号和 QTimer 已过)
- perforce - 如何在 P4v 中更改我的工作区名称?