我怎样才能传递模态数据?引导模态

时间:2017-06-20 02:12:15

标签: javascript jquery twitter-bootstrap laravel-5.3 bootstrap-modal

我的javascript代码如下:

<script>
    for(var i = 1; i <= 5; i++) {
        res += `<td class="image" id="thumbs-view-`+i+`" 
                    data-toggle="modal" 
                    data-target="#modal-option-`+i+`"
                    data-photo='${JSON.stringify(photo[i])}'
                    data-id="`+id+`"
                >
                    <img src="/img/thumbs/`+photo[i].name+`">
                </td>`;
    }
</script>

我的模态是这样的:

@for($i = 1; $i <= 5; $i++) 
<div id="modal-option-{{$i}}" class="modal" tabindex="-1" role="dialog">
    ...
        <div class="modal-body">
            ...
            <a href="#" id="edit-{{$i}}"
               data-toggle="modal"
               data-target="#modal-edit-{{$i}}"
               data-photo="/* Value shown here */" 
               data-id="/* Value shown here */"
            >
                Edit
            </a>
            ...
        </div>
    ...
</div><!-- /.modal -->
@endfor

data-photo和data-id具有值

如果点击了td,它将调用模态

我想在javascript中显示数据照片和数据ID的值,以及模式中的数据照片和数据ID

因此,如果模态打开,模态中的数据照片和数据ID具有值

我该怎么做?

0 个答案:

没有答案