98 lines
4.0 KiB
Plaintext
98 lines
4.0 KiB
Plaintext
<div class="task-index" >
|
|
<div class="task-index-head mt20 mb20">
|
|
<div class="task-index-head-top">
|
|
<h2 class="fl task-inde-head-title">游戏实训</h2>
|
|
<%= link_to "创建", new_shixun_path, :class => "task-btn task-btn-green fr mt6" %>
|
|
<div class="cl"></div>
|
|
</div>
|
|
<ul class="task-index-head-info clearfix">
|
|
<li><span class="color-orange font-bd"><%= @shixuns_count %></span><br/><span >全部实训</span></li>
|
|
<li><span class="color-orange font-bd"><%= @current_user_had_passed %></span><br/><span>你已通过</span></li>
|
|
<li><span class="color-orange font-bd"><%= @shixun_my_score %></span><br/><span>取得成绩</span></li>
|
|
</ul>
|
|
</div>
|
|
<div class="task-index-select mb20 clearfix">
|
|
<p class="color-grey fr">
|
|
<div class="postSort fr" id="shixun_hot">
|
|
<a href="javascript:void(0);" class="linkGrey2 fl">热度排序</a>
|
|
<a href="javascript:void(0);" id="hot_reorder" class="fl"></a>
|
|
</div>
|
|
<div class="postSort fr" id="shixun_time">
|
|
<a href="javascript:void(0);" class="linkGrey2 fl">时间排序</a>
|
|
<a href="javascript:void(0);" id="time_reorder" class="sortArrowActiveD fl"></a>
|
|
</div>
|
|
<span class="fr">排序方式：</span>
|
|
<!--<span class="fr mr30">共 <span class="color-light-green">102</span> 个搜索结果</span>-->
|
|
</p>
|
|
</div>
|
|
|
|
<div class="task-index-list clearfix mb20" id="shixun_list_content" style="width:1215px;">
|
|
<%= render "shixun_list" %>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$(function(){
|
|
var nTime = $("#time_reorder");
|
|
var nHot = $("#hot_reorder");
|
|
$("#shixun_time").click(function(){
|
|
nHot.removeClass("sortArrowActiveD sortArrowActiveU");
|
|
if(nTime.hasClass("sortArrowActiveD")){
|
|
$.ajax({
|
|
url: '<%= search_shixuns_path() %>' + '.js',
|
|
data: { time_reorder: 'asc' },
|
|
success: function(){
|
|
nTime.removeClass("sortArrowActiveD");
|
|
nTime.addClass("sortArrowActiveU");
|
|
}
|
|
})
|
|
}else if(nTime.hasClass("sortArrowActiveU")){
|
|
$.ajax({
|
|
url: '<%= search_shixuns_path() %>' + '.js',
|
|
data: { time_reorder: 'desc'},
|
|
success: function(){
|
|
nTime.removeClass("sortArrowActiveU");
|
|
nTime.addClass("sortArrowActiveD");
|
|
}
|
|
})
|
|
}else{
|
|
$.ajax({
|
|
url: '<%= search_shixuns_path() %>' + '.js',
|
|
data: { time_reorder: 'desc'},
|
|
success: function(){
|
|
nTime.addClass("sortArrowActiveD");
|
|
}
|
|
})
|
|
}
|
|
});
|
|
$("#shixun_hot").click(function(){
|
|
nTime.removeClass("sortArrowActiveD sortArrowActiveU");
|
|
if(nHot.hasClass("sortArrowActiveD")){
|
|
$.ajax({
|
|
url: '<%= search_shixuns_path() %>' + '.js',
|
|
data: { hot_reorder: 'asc'},
|
|
success: function(){
|
|
nHot.removeClass("sortArrowActiveD");
|
|
nHot.addClass("sortArrowActiveU");
|
|
}
|
|
})
|
|
}else if(nHot.hasClass("sortArrowActiveU")){
|
|
$.ajax({
|
|
url: '<%= search_shixuns_path() %>' + '.js',
|
|
data: { hot_reorder: 'desc'},
|
|
success: function(){
|
|
nHot.removeClass("sortArrowActiveU");
|
|
nHot.addClass("sortArrowActiveD");
|
|
}
|
|
})
|
|
}else{
|
|
$.ajax({
|
|
url: '<%= search_shixuns_path() %>' + '.js',
|
|
data: { hot_reorder: 'desc'},
|
|
success: function(){
|
|
nHot.addClass("sortArrowActiveD");
|
|
}
|
|
})
|
|
}
|
|
});
|
|
});
|
|
</script> |