私はこのファイルを持っています: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クパチーノをテーマにしたライブラリからここのdiv「top_vendors」に水平スクロールバーウィジェットを追加したいということです。
私はこのチュートリアルをガイドラインとして見ましたが、成功していません
これまでのところ、次の手順を実行しています。1)jQueryの縮小ライブラリをAssets / javascriptsフォルダーにコピーしました。2)jqueryUIライブラリもそこにコピーしました。3)Cupertinoをテーマにした画像をStylesheets / imagesにコピーしました。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>
ブラウザにスクロールバーが表示されません。
私は何が欠けていますか?ありがとう