socialforge/app/views/forums/show.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"><%= link_to "问吧", forums_path, :class => "c_blue" %> > <span id="show_forum_name"><%= @forum.name %></span></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_memo_path(:forum_id => @forum), :class => "c_white db creatPostIcon bBlue" %>
      <!--<a href="javascript:void(0);" class="c_white db creatPostIcon bBlue" onclick="$('#error').hide();$('#create_memo_div').slideToggle();$(this).parent().slideToggle();">发布新帖</a>-->
    </div>
    <div class="cl"></div>
  </div>
  <div id="topics_list">
    <%= render :partial => 'show_topics',:locals => {:memos => @memos}%>
  </div>
</div>

<div class="fl">
  <div id="my_count_message">
    <%= render :partial => "memos/my_count_message" %>
  </div>

  <div class="homepageLeft-new" id="forum_right_bar">
    <div class="wenba-rightbar">
      <div class="wenba-rightbar-top clearfix">
        <h3 class="fl ml10">推荐贴吧</h3>
      </div>
      <%= render :partial => "forums/right_bar" %>
    </div>
  </div>
</div>


<script>
    function add_class(id){
        if($("#"+id).hasClass("sortArrowActiveD")){
            $("#"+id).removeClass("sortArrowActiveD");
            $("#"+id).addClass("sortArrowActiveU");
            $.ajax({
                type: 'GET',
                url: '<%= forums_path+"/"+@forum.id.to_s %>' + '.js?' + id + '=asc&page='+<%= @topic_pages.page%>

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

            });
        }else{
            $("#"+id).addClass("sortArrowActiveD");
            $.ajax({
                type: 'GET',
                url: '<%= forums_path+"/"+@forum.id.to_s %>' + '.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>