有没有办法通过点击主页div来替换模态的内容div?

时间:2015-09-04 14:39:54

标签: jquery html ruby-on-rails

在图片索引页面上有一长串照片,每张照片都有一个唯一的ID和一个统一的类。我正在使用Ruby on Rails,但每个图像的html输出大约是20次:

<div id="A unique number" class="myImages" data-toggle="modal" data-target="#myModal">
        <img src="my.images.url">
</div>

基本上,在我的索引页面上的20个图片中,每个图片都会获得一个唯一ID,但它们都属于myImages toggle="modal"target="#myModal"

我的模态看起来像这样:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
      <div class="modal-body">
        ...
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Submit</button>
      </div>
    </div>
  </div>
</div>

到目前为止,我一直在尝试用这样的jquery替换"modal-body"

$(".myImages").click(function(e){
    e.preventDefault();
        var content = $(this).html();
        $(".modal-body").replaceWith('<div class="replaced">'+content+'</div>');
})

我也尝试过:

$(".myImages").on('click', function(){
    $(".modal-body").replaceWith('.myImages')
})

我想我需要以某种方式引用我点击的div的 id 以在我的jquery中使用。像

这样的东西
$("#<%= dynamically_use_id_of_div_I_Clicked_On %>").on('click',function({
  -code that replaces the modal div with the image tag-
})

有办法吗?

1 个答案:

答案 0 :(得分:1)

试试这个:

import pandas as pd
import requests

url="https://github.com/cs109/2014_data/blob/master/countries.csv"
s=requests.get(url).content
c=pd.read_csv(s)

请找到documentation