現状、下記のhtml、php、scriptでソート機能を実装しています。
環境はWordpressで、カスタム投稿タイプ内にいくつかのタクソノミーを作り、その内容別にソートを切り替えるようにしています。
▼HTML
<select id="sort" name="sort">
<option value="<?php echo add_query_arg('sort', false); ?>" <?php if($sort == ''): echo 'selected="selected"'; endif; ?>>新着順</option>
<option value="<?php echo add_query_arg('sort', 'RENT_ASC'); ?>" <?php if($sort == 'RENT_ASC'): echo 'selected="selected"'; endif; ?>>安い順</option>
<option value="<?php echo add_query_arg('sort', 'RENT_DESC'); ?>" <?php if($sort == 'RENT_DESC'): echo 'selected="selected"'; endif; ?>>高い順</option>
<option value="<?php echo add_query_arg('sort', 'AGE_ASC'); ?>" <?php if($sort == 'AGE_ASC'): echo 'selected="selected"'; endif; ?>>新しい順</option>
<option value="<?php echo add_query_arg('sort', 'AGE_DESC'); ?>" <?php if($sort == 'AGE_DESC'): echo 'selected="selected"'; endif; ?>>広い順</option>
</select>
</div>
▼javascript
<script>
jQuery(function($){
$("select[name='sort']").change(function() {
var href = $(this).val();
if(href != ''){
location.href = href;
}
});
});
</script>
ソートが変更されたら、一度読み込み直す動きにしています。
こちらChromeでは問題なく動いていたのですが、IEでは動かず、一度下記は試してみたのですがそれでも動きませんでした。
(上記から、onchangeを足してscriptを変更しています。)
▼HTML
<select id="sort" name="sort" onchange="changeSort()">
<option value="<?php echo add_query_arg('sort', false); ?>" <?php if($sort == ''): echo 'selected="selected"'; endif; ?>>新着順</option>
<option value="<?php echo add_query_arg('sort', 'RENT_ASC'); ?>" <?php if($sort == 'RENT_ASC'): echo 'selected="selected"'; endif; ?>>安い順</option>
<option value="<?php echo add_query_arg('sort', 'RENT_DESC'); ?>" <?php if($sort == 'RENT_DESC'): echo 'selected="selected"'; endif; ?>>高い順</option>
<option value="<?php echo add_query_arg('sort', 'AGE_ASC'); ?>" <?php if($sort == 'AGE_ASC'): echo 'selected="selected"'; endif; ?>>新しい順</option>
<option value="<?php echo add_query_arg('sort', 'AGE_DESC'); ?>" <?php if($sort == 'AGE_DESC'): echo 'selected="selected"'; endif; ?>>広い順</option>
</select>
▼javascript
<script>
function changeSort() {
var href = $("select[name='sort']").val();
if(href != ''){
location.href = href;
}
}
</script>
こちらの解決策がわかる方、いらっしゃいますでしょうか。
ご助力いただけると非常に助かります。
お手数おかけしますが、よろしくお願いいたします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。