Javascript 使用Codeigniter在模态中使用jquery显示图像
如何使用jquery在模态(#photoss)中显示图像,从哪个id调用:Javascript 使用Codeigniter在模态中使用jquery显示图像,javascript,php,jquery,twitter-bootstrap,codeigniter,Javascript,Php,Jquery,Twitter Bootstrap,Codeigniter,如何使用jquery在模态(#photoss)中显示图像,从哪个id调用: <div class=" top-deal"> <a data-toggle="modal" href="#" data-target="#tallModal" class="mask tt" ... photoss="<?php echo $rec->ss;?>" > 您可以像这样在模态中显示图像 将锚点用作: 删除数据目标属性,并将其用作普通锚点 &
<div class=" top-deal">
<a data-toggle="modal" href="#" data-target="#tallModal" class="mask tt" ... photoss="<?php echo $rec->ss;?>" >
您可以像这样在模态中显示图像
将锚点用作:
删除数据目标属性,并将其用作普通锚点
<a href="javascript:;" class="mask tt" photoss="<?php echo $rec->ss;?>" >
那么,错误是什么?什么不起作用?当我尝试获取图像名称$(“#photoss”).html($(this.attr(“photoss”))时,图像不显示;这很好,但是当我尝试用$('#photoss').html('')在路径(上传/截图)中显示该名称的图像时;这不起作用。我想我的代码错了。你知道正确的代码吗?@Kurnia请检查我的代码。我先将图像加载到modal,然后打开它。this.attr(“photoss”)
的值是多少?
<div id="tallModal" class="modal modal-wide fade">
<div class="modal-dialog">
....
<h4 id='namaaplikasi'> Nama Aplikasi</h4> </br>
<div id="photoss">
</div>
...
</div><!-- /.modal -->
<a href="javascript:;" class="mask tt" photoss="<?php echo $rec->ss;?>" >
<script type="text/javascript">
$(document).ready(function(){
$(document).on("click",".tt",function(){
var ss = $(this).attr("photoss");
var base_url = "your base url";
$('#photoss').html('<img src="'+base_url+'upload/screenshoot/'+ss+'" class="img-responsive">');
$("#tallModal").modal("show");
});
});
</script>