tardis (ycwei)

请问这种效果用 jQuery 怎么实现?

tardis — Sun, 27 Dec 2015 14:32:26 +0800

请问下这种效果是怎样实现的，我现在只能实现鼠标悬浮在左边时右边能出现，而鼠标离开左边时，右边隐藏。但是我想要的效果是鼠标移动到右边之后，右边不要隐藏，当鼠标移动到外部才隐藏，纠结很久，求解答！。

slim 代码：

.menu-main.job-hopping
  h2
    | 技术
    span
  .job-type
    a href="#" Java
    a href="#" PHP
    a href="#" C
    a href="#" C++
    a href="#" Android
    a href="#" iOS
    a href="#" 测试
    a href="#" 前端开发
    a href="#" 技术经理
    a href="#" 技术总监
    a href="#" 架构师
    a href="#" CTO
.menu-sub style="top: 0px"
  dl
    dt
      a href="#" 后端开发
    dd
      a href="#" Java
      a href="#" Python
      a href="#" PHP
      a href="#" .NET
      a href="#" C#
      a href="#" C++
      a href="#" VB
      a href="#" Delphi
      a href="#" Perl
      a href="#" Ruby
      a href="#" Hadoop
      a href="#" Node.js
      a href="#" 数据挖掘
      a href="#" 自然语言处理
      a href="#" 搜索算法
      a href="#" 精准推荐
      a href="#" 全栈工程师
      a href="#" Go
      a href="#" ASP
      a href="#" Shell
      a href="#" 后端开发其它

jquery 代码：

$ ->
  $(".menu-main:eq(0)").hover ( (e) ->    
    $(".menu-main:eq(0)").addClass("current")
    $(".menu-main.current").css({"border":"2px solid #c9cbce", "background-color": "#fff"})
    $(".menu-sub:eq(0)").css("display", "block")
  ), (e) ->
    $(".menu-main:eq(0)").removeClass("current")
    $(".menu-main").css("border", "2px solid #fafafa")
    $(".menu-sub:eq(0)").css("display", "none")

关于 CarrierWave 的图片的存储位置及显示问题

tardis — Thu, 26 Mar 2015 00:54:33 +0800

avatar_uploader.rb

# encoding: utf-8

class AvatarUploader < CarrierWave::Uploader::Base

  # Include RMagick or MiniMagick support:
  # include CarrierWave::RMagick
   include CarrierWave::MiniMagick

  # Include the Sprockets helpers for Rails 3.1+ asset pipeline compatibility:
  # include Sprockets::Helpers::RailsHelper
  # include Sprockets::Helpers::IsolatedHelper

  # Choose what kind of storage to use for this uploader:
  storage :file
  # storage :fog

  # Override the directory where uploaded files will be stored.
  # This is a sensible default for uploaders that are meant to be mounted:
  def store_dir
#    "uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
#    "uploads/company/#{Time.now.to_i.to_s}"
    'public/upload/'
  end

  # Provide a default URL as a default if there hasn't been a file uploaded:
   def default_url
     "avatar/#{version_name}.png"
   end

  # Process files as they are uploaded:
  # process :scale => [200, 300]
  #
  # def scale(width, height)
  #   # do something
  # end

  # Create different versions of your uploaded files:
  # version :thumb do
  #   process :scale => [50, 50]
  # end

  version :normal do
    process resize_to_fill: [48, 48]
  end

  version :large do
    process resize_to_fill: [64, 64]
  end

  # Add a white list of extensions which are allowed to be uploaded.
  # For images you might use something like this:
   def extension_white_list
     %w(jpg jpeg gif png)
   end

  # Override the filename of the uploaded files:
  # Avoid using model.id or version_name here, see uploader/store.rb for details.
  # def filename
  #   "something.jpg" if original_filename
  # end

end

new.html.erb

<%= form_for(@company)  do |f| %>
  <%= render 'shared/company_error_messages'%>

  <%= f.file_field :avatar %>
  <%= f.hidden_field :avatar_cache %>
<% end %>

show.html.erb

<%= image_tag(@company.avatar_url(:large)) if @company.avatar %>

controller

class CompaniesController < ApplicationController
  def index
    @companies = Company.paginate(page: params[:page], per_page: 6)
      respond_to do |format|
        format.html
        format.json {render json: {company: @companies}}
      end
  end

  def new
    @company = Company.new
  end

  def show
    @company = Company.find(params[:id])
    @company_jobs = @company.company_jobs.paginate(page: params[:page])
  end

  def create
    @company = Company.new(company_params)
    @company.avatar = params[:file]
    @company.avatar = [File.open("public/uploads/")]
    if @company.save
      redirect_to @company
    else
      render 'new'
    end
  end

  def update

  end

  private
    def company_params
      params.require(:company).permit(:name, :describe, :contact,
                                      :product, :location, :field,
                                      :homepage, :funder,
                                      :address)
    end
end

现在每次在 show 页面中显示的都是 default_url 定义的图片，好像 store_dir 并没有起作用。

我的问题是，在 store_dir 方法中，图片的存储路径怎么写，是要自己创建文件夹吗，如果是文件夹要在哪里创建。菜鸟求教，谢谢

用 form_for 创建嵌套资源

tardis — Fri, 20 Mar 2015 10:30:57 +0800

company.rb

class Company < ActiveRecord::Base
    has_many :jobs, dependent: :destroy
end

job.rb

class Job < ActiveRecord::Base
    belongs_to :company
end

routes.rb

resources :companies do
    resources :jobs
end

我想提交一个 form_for 表单创建一个新的 job，所以我写了这样的代码

<%= form_for(@job) do |f| %>
  ...
<% end %>

这个报错，所以我又这样写

<%= form_for(:job, url: company_jobs_path do |f| %>
  ...
<% end %>

这个也报错，他们的错误是

Routing Error No route matches [POST] "/jobs" 和 No route matches {:action=>"index", :controller=>"company_jobs", :id=>"1"} missing required keys: [:company_id] 我怎么能向 /company_jobs_path (类似这种 url /companys/:company_id/jobs(.:format)) 提交创建 job 的表单

Thank you for your answer!

路由中 only: [] 是什么意思

tardis — Thu, 29 Jan 2015 11:24:33 +0800

在路由文件中

resources :res_1, only: [] do
    resources :res_2, only: [:index, ：show]
end

only:[] 是什么意思？

这个路由声明对应的 url 形式又是怎样的？