バージョン選択

フォーラム

メニュー

オンライン状況

23 人のユーザが現在オンラインです。 (14 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 23
もっと...

サイト内検索

質問 > フロント機能 > jqueryについて

フロント機能

新規スレッドを追加する

フラット表示 前のトピック | 次のトピック
投稿者 スレッド
blue1112
投稿日時: 2012/12/18 14:17
対応状況: −−−
常連
登録日: 2012/7/18
居住地:
投稿: 31
jqueryについて
[EC-CUBE]  2.12.1
[レンタルサーバ] さくらインターネット
[OS] 
[PHP] PHP 5.2.17
[データベース] MySQL
[WEBサーバ] Apache
[ブラウザ] chrome,safari
[現象]
jqueryのuiタブを使用し、トップページにタブを設置しようと思っているのですが、色々試してみたのですが、うまくいきません。
どなたがご教授頂けると大変助かります。

自分が試した方法です。
まず
html/jsのディレクトリにjquery.js、jquery.ui.core.js、jquery.ui.tabs.js、jquery.ui.widget.jsのそれぞれのファイルを設置。

html/user_data/css/内にダウンロードしたthemeフォルダを設置。

その後data/Smarty/templates/default/site_frame.tplでそれぞれのファイルを読み込む
<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.js"></script>
<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.ui.core.js"></script>
<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.ui.tabs.js"></script>
<script type="text/javascript" src="<!--{$smarty.const.ROOT_URLPATH}-->js/jquery.ui.widget.js"></script>

<link rel="stylesheet" href="<!--{$smarty.const.ROOT_URLPATH}-->css/theme/base/jquery.ui.all.css" type="text/css" media="all" />
<script type="text/javascript">
$(function() {
$('#ui-tab > ul').tabs();
});
</script>



html内の記述
<div id="ui-tab">
<ul>
<li><a href="#fragment-1"><span>タブ1</span></a></li>
<li><a href="#fragment-2"><span>タブ2</span></a></li>
<li><a href="#fragment-3"><span>タブ3</span></a></li>
</ul>

<div id="fragment-1">
<p>タブ1の内容</p>
</div>

<div id="fragment-2">
<p>タブ2の内容</p>
</div>

<div id="fragment-3">
<p>タブ3の内容</p>
</div>

</div>
どこが間違っているのでしょうか??
お手数ですがよろしくお願い致します。
フラット表示 前のトピック | 次のトピック


題名 投稿者 日時
 » jqueryについて blue1112 2012/12/18 14:17
     Re: jqueryについて DELIGHT 2012/12/18 16:01
       Re: jqueryについて blue1112 2012/12/18 16:34
         Re: jqueryについて DELIGHT 2012/12/18 17:22
           Re: jqueryについて blue1112 2012/12/18 18:30

 



ログイン


EC-CUBEペイメント

公式ストアEC-CUBE4系デザインテンプレート続々リリース中

統計情報

総メンバー数は68,753名です
総投稿数は99,640件です

投稿数ランキング

1
seasoft
7333
2
468
2821
3
AMUAMU
2712
4
nanasess
2123
5
umebius
1849
6
yuh
1612
7
red
1430
8
h_tanaka
1065
9
fukap
907
10
tsuji
864
11
shutta
835
12
tao_s
793
13 ramrun 789
14 karin 657
15 sumida 641
16
homan
633
17 DELIGHT 572
18
patapata
502
19
flealog
485
20 tonton 437


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.