Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 转盘内部模式不工作_Javascript_Jquery_Twitter Bootstrap_Bootstrap Modal - Fatal编程技术网

Javascript 转盘内部模式不工作

Javascript 转盘内部模式不工作,javascript,jquery,twitter-bootstrap,bootstrap-modal,Javascript,Jquery,Twitter Bootstrap,Bootstrap Modal,您好,我正在尝试在旋转木马中创建简单的图像幻灯片。但当我尝试在模式中添加此旋转木马时,我遇到了一个问题。这是我的剧本 <div id="modalphoto" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true"> <div class="modal-body">

您好,我正在尝试在旋转木马中创建简单的图像幻灯片。但当我尝试在模式中添加此旋转木马时,我遇到了一个问题。这是我的剧本

<div id="modalphoto" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
            <div class="modal-body">
             <div id="carousel-example-generic" class="carousel slide">
                  <div class="carousel-inner">

                  </div>

            </div>
            </div>
    </div>

显示模态的触发器

<?php if(isset($photo)){ ?>
            <?php foreach($photo as $foto) { ?>
                  <div class="col-lg-3 col-md-4 col-xs-6 thumb">
                        <a class="thumbnail">
                            <p align="center">Item : (<?=$foto->ItemCode;?>)  <br>
                                <?=$foto->ItemName;?>
                                <input type="hidden" class="itemcodes" value="<?=$foto->ItemCode;?>">
                            </p>
                        </a>
                    </div>
        <?php } } ?>

我怎样才能修好它

对不起,我的英语不好。我的小提琴

你可以参考


它有你需要的所有答案。它甚至显示了如何动态显示模态。甚至没有编码任何东西,只是调用函数,这里还显示了如何显示模态。

旋转木马内部片段的结构是错误的

更改它,使每个元素类似于:

<div class="item">
   <img class="img-responsive" src="http://placehold.it/365"
       style="width: 100%; height: auto">
   <div class="carousel-caption">acts_as_money</div>
</div>

充当金钱
此外,第一个元素需要活动类

片段:

$(文档).ready(函数(){
风险值数据=[{
“项目代码”:“ANK160500191”,
“PhotoName”:“1.png”,
“PhotoFlag”:1
},
{
“项目代码”:“ANK160500191”,
“PhotoName”:“BTY2.png”,
“PhotoFlag”:1
}, {
“项目代码”:“ANK160500191”,
“PhotoName”:“fffff.png”,
“PhotoFlag”:1
}, {
“项目代码”:“ANK160500191”,
“PhotoName”:“result.png”,
“PhotoFlag”:1
}, {
“项目代码”:“ANK160500191”,
“PhotoName”:“SKSM2.png”,
“PhotoFlag”:1
}];
$(document).on(“click”,“.thumb”,function()){
$('.carousel-inner').html(“”);
var Items=$(this.find('input:hidden').val();
$.ajax({
url:“https://api.github.com/repositories?since=364",
数据:{
项目:项目
},
键入:“GET”,
数据类型:“JSON”,
成功:功能(数据){
//data=$.parseJSON(数据);
$.each(数据片(0,3),函数(k,v){
变量act=(k==0)?“活动”:“”;
$(“.carousel-inner”).append(“”+
'' +
“+v.name+”
)
});
$(#modalphoto”).modal(“show”);
}
});
});
});

标题幻灯片1
标题幻灯片2
标题幻灯片3

项目:(0019177)
凉鞋6170-23棕色

项目:(ANK160500191)
项链


请为此创建一个JSFIDLEissue@RaviUbana让我看看这张照片很好。我想知道,为什么幻灯片不起作用?
<div class="item">
   <img class="img-responsive" src="http://placehold.it/365"
       style="width: 100%; height: auto">
   <div class="carousel-caption">acts_as_money</div>
</div>