jQuery sortable() 不在 Rails 中运行答案

【问题标题】：jQuery sortable() doesn't run in railsjQuery sortable() 不在 Rails 中运行
【发布时间】：2015-04-10 16:18:46
【问题描述】：

当我将以下代码用作 html 文件时，它应该可以正常工作，但是一旦我想将它用作我的 rails 应用程序中视图的部分，它就不再工作了:(

<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js" type="text/javascript"></script>
  <script>
    $(document).ready(function(){
    $('#sortable-list').sortable({
      axis: "y"
    }); 
});
</script>
</head>
<body>
  <ul id="sortable-list">
    <li id="order_option_1">testWordA</li>
    <li id="order_option_2">testWordB</li>
    <li id="order_option_3">testWordC</li>
    <li id="order_option_4">testWordD</li>
  </ul>
  <br />
</body>

我尝试使用更简单的 jQuery 方法，例如 hide()，它可以在我的应用程序中完美运行。我使用 Rails 3.2.16 和 Ruby 1.9.3。我的应用程序中的某些设置是否有可能阻止 sortable() 方法？任何帮助表示赞赏！

【问题讨论】：

控制台有错误吗？部分视图是动态加载的吗？
控制台说，部分被渲染，给我一个200 状态码并且没有显示任何错误。部分加载在表单中。我不知道这是否被动态考虑（你能告诉我，什么时候静态考虑，什么时候动态加载？）。这（作为表单的一部分）是否与 sortable() 方法的失败有关？

标签： jquery ruby-on-rails jquery-ui

【解决方案1】：

我从 jQuery 切换到 Rubaxa，下面的代码也在部分工作：

<ul id="sortable-list">
  <li id="order_option_1">testWordA</li>
  <li id="order_option_2">testWordB</li>
  <li id="order_option_3">testWordC</li>
  <li id="order_option_4">testWordD</li>
</ul>
<br />
<script src="/scripts/Sortable.js"></script>
<script src="/scripts/Sortable.min.js"></script>
<script>
  var sortable_list = document.getElementById('sortable-list');
  var sortable = Sortable.create(sortable_list); 
</script>

【讨论】：