jquery - 1 つの div マウスオーバーで別の div を更新するための JQuery を作成する方法

Question

ここで私のシナリオは次のとおりです..divのリストには、患者IDとマウスオーバーに関する別の情報が含まれています。別のdivに合計患者情報を表示する予定です.Ruby on Railsでこれを達成するにはどうすればよいですか...助けてください...

Answer 1

jquery mouseover イベントを使用して、ajax リクエストをレールに送信できます

$(".some-div").mouseover(function() {
    $.ajax({
        data: {patientid: some_id},
        url: "/your_controllers/your_action"
    );
}

次に、コントローラーで

class YourControllersController < ApplicationController

  def your_action
    @model = Model.find(params[:patientid])

    respond_to do |format|
      format.js
    end
  end
end

次に、次のようなコードを含む views/your_controllers/your_action.js.erb を作成します

$(".expected-to-update-div").html(<%= @model.id %>);