我有一个内置 php codeigntier 框架的网站。
我有动态加载“li”元素的索引页面,每个“li”元素都有“a”标签,应该通过fancybox显示一些项目信息。有时它可以工作,但有时它会打开fancybox窗口,但它显示的不是内容:“请求的内容无法在某些项目上加载消息”。
这是代码,之后我将解释我在这里做了什么:
index.php 视图(显示页面)
<li class="col-1-3">
<h3>
<a href="#"><?=$itm['name'];?></a>
</h3>
<figure class="full-width">
<a id="inline" href="#data-<?=$itm['code']?>" class="inset-border zoom-hover" data-zoom-hover-title="Detalji">
<img src="/slike/<?php echo $itm['img_name']?>" data-2x="/slike/<?php echo $itm['img_name']?>" width="124" height="150" alt="" />
</a>
</figure>
<p>
<b>Cena</b>: <?=$itm['price'];?> <br/>
<b>Sifra</b>: <?=$itm['code'];?><br/>
<b>PDV</b>: 19%
</p>
<b>Kolicina</b>: <input type="qty" class="qty-<?php echo $itm['id'];?>" name="qty" onkeypress="return isNumberKey(event)" size="3" maxlength="3"/>
<?php if($is_logged){?>
<p>
<a href="#_" class="buyButton big" name="<?php echo $itm['name'] ?>" id="<?php echo $itm['id'];?>" >
<span>Dodaj</span>
<i class="icon-plus color-blue"></i>
</a>
</p>
<?php }else{ ?>
<p>
<a id="loged" href="$_" class="infoButton big">
<span>Info</span>
<i class="icon-info"></i>
</a>
</p>
<?php } ?>
<div style="display:none">
<div id="data-<?=$itm['code']?>">
<figure id="images" class="alignleft">
<img src="/slike/<?php echo $itm['img_name']?>" data-2x="/slike/<?php echo $itm['img_name']?>" width="250" height="350" alt="" />
</figure>
<h3><?=$itm['name']?></h3>
<p><b>Cena Artikla: </b> <?=$itm['price']?> RSD<br/>
<b>Opis artikla: </b><?=$itm['descr'];?></p>
</div>
</div>
<!--<div style="display:none">
<div id="log">
<p>Morate biti ulogovani da bi ste kupili artikal</p>
</div>
</div>-->
</li>
因此,动态地将数据 -ITEMID 广告到每个 li 项目,以及以下
<div style="display:none">
<div id="data-<?=$itm['code']?>">
<figure id="images" class="alignleft">
<img src="/slike/<?php echo $itm['img_name']?>" data-2x="/slike/<?php echo $itm['img_name']?>" width="250" height="350" alt="" />
</figure>
<h3><?=$itm['name']?></h3>
<p><b>Cena Artikla: </b> <?=$itm['price']?> RSD<br/>
<b>Opis artikla: </b><?=$itm['descr'];?></p>
</div>
</div>
动态添加了相同的ITEMID。
所以,通过点击它,隐藏的信息应该显示在fancybox中......它正在工作,有时......有时不是......
这是我的js文件:
$("a#inline").fancybox({
'hideOnContentClick': true
});
当然,它包含在页面标题中,作为 fancybox.js 文件......
任何人有解决方案或建议?
提前致谢。
ps 你可以访问 poljoprivrednaapoteka.com 查看问题,只需尝试点击几个项目,问题就会弹出。