socialforge/app/views/forums/index.html.erb

<%= content_for(:header_tags) do %>
    <%= import_ke(enable_at: false, prettify: false, init_activity: false) %>
<% end %>
<div class="banner-big f16 fontGrey3 mb10">问吧</div>

<div class="postRightContainer mr10">
  <div class="postDetailBanner" style="padding-bottom: 10px">
    <div class="postSort" id="time"><a href="javascript:void(0);" class="linkGrey2 fl">时间</a><a href="javascript:void(0);" id="reorder_time" class="sortArrowActiveD"></a></div>
    <div class="postSort" id="popu"><a href="javascript:void(0);" class="linkGrey2 fl">人气</a><a href="javascript:void(0);"  id="reorder_popu" class=""></a></div>
    <div class="postSort" id="complex"><a href="javascript:void(0);" class="linkGrey2 fl">综合</a><a href="javascript:void(0);" id="reorder_complex" class=""></a><!--<a href="javascript:void(0);" class="sortArrowActiveD"></a>--></div>
    <div class="creatPost" id="create_memo_btn">
      <%= link_to "发布新帖", new_forum_path(@forum), :class => "c_white db creatPostIcon bBlue", :remote => true %>
    </div>
    <div class="cl"></div>
  </div>
  <div id="forum_list">
    <%= render :partial => 'show_topics',:locals => {:memos => @memos} %>
  </div>
</div>

<%= render :partial => "my_count_message" %>

<div class="wenba-rightbar fr">
  <div class="wenba-rightbar-top clearfix">
    <h3 class="fl ml10">问吧</h3>
    <%= link_to "新建贴吧", new_forum_path, :class => "btn-blue btn fr mt5 mr5", :remote => true %>
  </div>
  <div id="forums_right_list">
    <%= render :partial => "forums/right_bar" %>
    <% if @forums.count > 10 %>
        <a href="javascript:void(0);" id="forum_more_id"  class="wenba-rightbar-more linkBlue2" data-init="0"  onclick="expand_forum('#forum_more_id',
                '#forums_right_list');">点击展开更多</a>
    <% end %>
  </div>
</div>

<script>
    function expand_forum(btnid,container){
        var target = $(container).children('.wenba-rightbar-li');
        var btn = $(btnid);
        if(btn.data('init')=='0'){
            btn.data('init',1);
            btn.html('点击收起');
            target.show();
        }else{
            btn.data('init',0);
            btn.html('点击展开更多');
            target.hide();
            for(var i = 0; i < 10; i++)
            {
                target.eq(i).show()
            }
            btn.parent().show();
        }
    }
    function add_class(id){
        if($("#"+id).hasClass("sortArrowActiveD")){
            $("#"+id).removeClass("sortArrowActiveD");
            $("#"+id).addClass("sortArrowActiveU");
            $.ajax({
                type: 'GET',
                url: '<%= forums_path %>' + '.js?' + id + '=asc&page='+<%= @topic_pages.page%>

            });
        }else if($("#"+id).hasClass("sortArrowActiveU")){
            $("#"+id).removeClass("sortArrowActiveU");
            $("#"+id).addClass("sortArrowActiveD");
            $.ajax({
                type: 'GET',
                url: '<%= forums_path %>' + '.js?' + id + '=desc&page='+<%= @topic_pages.page%>

            });
        }else{
            $("#"+id).addClass("sortArrowActiveD");
            $.ajax({
                type: 'GET',
                url: '<%= forums_path %>' + '.js?' + id + '=desc&page='+<%= @topic_pages.page%>

            });
        }
    }
    $(function() {
        $("#complex").click(function(){
            $("#reorder_popu").removeClass("sortArrowActiveU");
            $("#reorder_popu").removeClass("sortArrowActiveD");
            $("#reorder_time").removeClass("sortArrowActiveD");
            $("#reorder_time").removeClass("sortArrowActiveU");
            add_class("reorder_complex");
        });
        $("#popu").click(function () {
            $("#reorder_complex").removeClass("sortArrowActiveD");
            $("#reorder_complex").removeClass("sortArrowActiveU");
            $("#reorder_time").removeClass("sortArrowActiveD");
            $("#reorder_time").removeClass("sortArrowActiveU");
            add_class("reorder_popu");
        });
        $("#time").click(function () {
            $("#reorder_complex").removeClass("sortArrowActiveD");
            $("#reorder_complex").removeClass("sortArrowActiveU");
            $("#reorder_popu").removeClass("sortArrowActiveU");
            $("#reorder_popu").removeClass("sortArrowActiveD");
            add_class("reorder_time");
        });
        <% if @errors %>
        $('#create_memo_div').slideToggle();$('#create_memo_btn').slideToggle();
        $("#error").html('<%= @errors.html_safe %>').show();
        <% end %>
    });

    var first_click = true;
//    function check_and_submit(){
//        if(!check_memo_name()){
//            return;
//        }
//        if($("textarea[name='memo[subject]']").val().trim() != "" && !memo_content.isEmpty() && first_click){
//            first_click = false;
//            memo_content.sync();
//            $.ajax({
//                url:'/forums/'+'<%#= @forum.id.to_s%>'+'/memos',
//                type:'post',
//                data:$("#new_memo").serialize(),
//                success:function(data){
//
//                },
//                error:function(){
//                    alert('请检查当前网络连接')
//                }
//            });
//            //$("#new_memo").submit();
//        }else if($("textarea[name='memo[subject]']").val().trim() == "" && memo_content.isEmpty()){
//            $("#error").html("主题和内容不能为空").show();
//        }
//        else if($("textarea[name='memo[subject]']").val().trim() == "" && !memo_content.isEmpty() ){
//            $("#error").html("主题不能为空").show();
//        }else if($("textarea[name='memo[subject]']").val().trim() != "" && memo_content.isEmpty()){
//            $("#error").html("内容不能为空").show();
//        }
//    }

    function check_memo_name(){
        if($("#memo_subject").val().trim().length > 50){
            $("#error").html("主题 过长（最长为 50 个字符）").show();
            return false;
        }
        if(memo_content.html().length > 20000){
            $("#error").html("内容 过长（最长为 20000 个字符）").show();
            $("html,body").animate({scrollTop:$("#error").offset().top},1000)
            return false;
        }
        return true;
    }

    function create_cancle(){
        $('#create_memo_div').slideToggle();
        $('#create_memo_btn').slideToggle();
        $('#memo_subject').val('');
        memo_content.html('')
        $('#error').html('').hide();
    }
</script>