如何在这个rails文件中集成jQuery滚动条UI元素_Jquery_Html_Css_Ruby On Rails_Jquery Ui

如何在这个rails文件中集成jQuery滚动条UI元素

jquery html css ruby-on-rails jquery-ui

如何在这个rails文件中集成jQuery滚动条UI元素,jquery,html,css,ruby-on-rails,jquery-ui,Jquery,Html,Css,Ruby On Rails,Jquery Ui,我有这个档案： geoView.html.erb <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <%= stylesheet_link_tag 'application' %> <%= javascript_include_tag 'application'%> <body onload="initialize()"> <div id="to

我有这个档案： geoView.html.erb

<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<%= stylesheet_link_tag 'application' %>
<%= javascript_include_tag  'application'%>
<body onload="initialize()">

 <div id="top_vendors"></div>
<div id="left_control_panel">
 <input type="button" onclick="getlistings();" value="Add Markers">
 <input type="button" onclick="clearMarkers();" value="Remove Markers">
</div>

<div id="mid_wrapper">
  <div id="map_canvas"></div>
  <div id="right_control_panel">
   <input type="button" onclick="getlistings();" value="Add Markers">
   <input type="button" onclick="clearMarkers();" value="Remove Markers">
  </div>
  </div>
</div>

</body>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=XXsensor=false"></script>

我的问题是，我想将jQuery Cupertino主题库中的水平滚动条小部件添加到div“top_供应商”中

我把这个教程作为一个指南，但是，我并没有成功

到目前为止，我已经制定了以下步骤： 1）将jQuery缩小库复制到my Assets/javascripts文件夹中 2）也在那里复制了jqueryUI库 3）将以Cupertino为主题的图像复制到样式表/图像中 4）已将jquery ui-…custom.css文件复制到stylsheets文件夹 5）这是我的application.js文件的头标签

<!DOCTYPE html>
<html>
<head>
<title>App0521</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"  type="text/javascript"></script>
<![endif]-->
<%= stylesheet_link_tag   'jquery-ui-1.8.21.custom.css', "application", :media =>  "all" %>
<%= javascript_include_tag 'jquery-1.4.2.min.js ', 'jquery-ui-1.8.2.custom.min.js',"application" %>
<%= csrf_meta_tags %>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>


App0521
“全部”%>

我仍然没有在我的浏览器中看到任何滚动条

我错过了什么？

谢谢

您不需要在application.html.erb中包含所有的

CSS

s和

JS

s。您可以将Rails配置为包含它

application.html.erb:

<%= stylesheet_link_tag    "application", :media => :all %>
<%= javascript_include_tag "application" %>

另外，在

application.js

中，您需要在中创建函数（我认为您缺少它）

如果您想在您的ID中调用顶级供应商，例如：

$(function() {
    $( "#top_vendors" ).slider();
});

对任何其他人也可以这样做

我希望它能帮助……

嗨，谢谢你的回答。它仍然不起作用：（以上所有内容都已准备就绪。关于我可以从何处开始调试的任何建议，以及我可以从何处获得jquery+rails教程的任何想法。似乎所有教程都是针对较旧版本的。请尝试通过添加库。将此行添加到您的应用程序中。html.erb:

而不是下载它。您可以检查jquery是否已加载代码为：

if（typeof jQuery！=“undefined”）{alert（“jQuery库已加载！”）；}else{alert（“jQuery库未找到！”）；}

。将此代码放在

应用程序中。js

检查rails生成的HTML的

页面源代码

，以确保它正在生成

。有时结果不一样……还可以使用id选择器进行一些测试，例如

$(function() {
    $( "#top_vendors" ).slider();
});