###解決したいこと
wordpressのオリジナルテーマ製作でjQueryにてウィンドウの幅を変えた時にウィジェットにクリックイベントでアコーディオン機能をつけたいのですが動作してくれません。きちんと動作するようにするにはどうしたらよいでしょうか。
###jQuery
<?php wp_deregister_script('jquery'); ?> <!-- WordPressのjQueryを読み込ませない --></p> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script></p> <script> $(function(){ var $w = $('window').width(); var $x = 1000; if($w<=$x){ $('.widget').click(function(){ var $widget-open = $(this).find('ul'); if($widget-open.hasClass('open')){ $widget-open.removeClass('open').slideUp(); } else { $widget-open.addClass('open').slideDown(); } }); } }); </script>
###html
<div class="sidebar-wrapper"> <div id="sidebar" role="complementary"> <ul> <li id="categories-2" class="widget widget_categories"><h2 class="widgettitle">テスト</h2> <ul> <li class="cat-item cat-item-1"><a href="http://dream77.wp.xdomain.jp/category/%e6%9c%aa%e5%88%86%e9%a1%9e/" >未分類</a> </li> </ul> </li> <li id="archives-4" class="widget widget_archive"><h2 class="widgettitle">アーカイブ</h2> <ul> <li><a href='http://dream77.wp.xdomain.jp/2016/11/'>2016年11月</a></li> <li><a href='http://dream77.wp.xdomain.jp/2016/10/'>2016年10月</a></li> </ul> </li> <li id="text-2" class="widget widget_text"> <div class="textwidget"></div> </li> <li id="pages-2" class="widget widget_pages"><h2 class="widgettitle">固定ページ</h2> <ul> <li class="page_item page-item-54"><a href="http://dream77.wp.xdomain.jp/%e3%81%a6s%e3%81%a8/">てsと</a></li> <li class="page_item page-item-2"><a href="http://dream77.wp.xdomain.jp/sample-page/">サンプルページ</a></li> </ul> </li> <li id="recent-posts-2" class="widget widget_recent_entries"> <h2 class="widgettitle">最近の投稿</h2> <ul> <li> <a href="http://dream77.wp.xdomain.jp/2016/11/14/200%e6%96%87%e5%ad%97/">200文字</a> </li> <li> <a href="http://dream77.wp.xdomain.jp/2016/11/14/%e3%82%a4%e3%83%b3%e3%83%87%e3%83%83%e3%82%af%e3%82%b9/">インデックス</a> </li> <li> <a href="http://dream77.wp.xdomain.jp/2016/11/14/%e4%bb%8a%e6%97%a5%e3%81%af%e5%b1%b1%e7%94%b0%e3%81%ae%e6%97%a5/">今日は山田の日</a> </li> <li> <a href="http://dream77.wp.xdomain.jp/2016/10/29/ilove%e7%8c%ab/">Ilove猫</a> </li> <li> <a href="http://dream77.wp.xdomain.jp/2016/10/29/%e3%81%86%e3%81%a1%e3%81%ae%e7%8c%ab/">うちの猫</a> </li> </ul> </li> </ul> </div> </div><!--/.sidebar-wrapper-->
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/11/12 06:05 編集
2016/11/12 06:37
2016/11/12 09:02
2016/11/12 09:25
2016/11/12 13:21
2016/11/23 07:46
2016/11/23 08:07
2016/11/23 08:09
2016/11/23 08:23
2016/11/23 09:00
2016/11/23 09:44