jQuery循环创建过多的寻呼机链接
我搜索了又搜索,但似乎找不到任何合适的查询结果 基本上,我的页面是通过ajax(包括图像)拉入的,但jquery循环正在为页面创建大量条目,只有一些链接可以工作。但是,如果我更具体地针对图像(只针对#图像而不是#img container#图像),则寻呼机计数正确,但寻呼机链接不起作用。它快把我逼疯了 expressionengine的HTML输出是可靠的,它只是将查询中的所有img标记放置在#images div中,没有问题。都很干净 以下是jQuery:jQuery循环创建过多的寻呼机链接,jquery,expressionengine,jquery-cycle,Jquery,Expressionengine,Jquery Cycle,我搜索了又搜索,但似乎找不到任何合适的查询结果 基本上,我的页面是通过ajax(包括图像)拉入的,但jquery循环正在为页面创建大量条目,只有一些链接可以工作。但是,如果我更具体地针对图像(只针对#图像而不是#img container#图像),则寻呼机计数正确,但寻呼机链接不起作用。它快把我逼疯了 expressionengine的HTML输出是可靠的,它只是将查询中的所有img标记放置在#images div中,没有问题。都很干净 以下是jQuery: $.ajax({ type: "
$.ajax({
type: "POST",
url: "url_is_here",
data: {'entryId':entryId},
success: function(data){
$("#work .entry").html(data);
$('#img-container #images').cycle({
fx: 'fade',
speed: 'slow',
timeout: 5000,
pause: 1,
pager: '.img-nav',
});
}
和HTML(减去其他expressionengine内容):
{work images}{exp:imgsizer:size image=“{image}”width=“600”alt=“{caption}”}{/work images}
下面是一个包含9个图像的实例的结果:
以及firebug中的外观(据我所知,很好,不包括被“a”标记淹没的img nav,因此它关闭的原因):
任何帮助都将不胜感激。如果我的帖子有任何问题,我会提前道歉,我是第一次来这里:)
非常感谢,,
Marcelrjb是正确的,PageAnchorBuilder函数控制寻呼机,这取决于您如何生成标记 一种方法是使用矩阵,并调用通道字段循环两次:一次用于图像,一次用于寻呼机
{!-- SLIDE IMAGES --}
<div id="cycle">
{cf_slide_tag_pair}
<a href="{slide_link}"><img src="{slide_image}" /></a>
{/cf_slide_tag_pair}
</div>
{!-- PAGER --}
<ul id="pager">
{cf_slide_tag_pair}
<li><a href="#">{slide_title}</a></li>
{/cf_slide_tag_pair}
</ul>
{!-- CYCLE CALL --}
$('#cycle').cycle({
activePagerClass: 'active',
pager: '#pager',
pause: 1,
speed: 'fast',
timeout: 22000,
pagerAnchorBuilder: function(index, slide) {
return '#pager li:eq('+(idx)+') a';
}
});
{!--幻灯片图像--}
{cf\u幻灯片\u标签\u对}
{/cf\u幻灯片\u标签\u对}
{!--寻呼机--}
{cf\u幻灯片\u标签\u对}
{/cf\u幻灯片\u标签\u对}
{!---循环调用--}
$('循环')。循环({
activePagerClass:“活动”,
寻呼机:“#寻呼机”,
暂停:1,
速度:“快”,
超时:22000,
pagerAnchorBuilder:函数(索引、幻灯片){
返回“#寻呼机li:eq(+(idx)+”)a”;
}
});
您的寻呼机导航是由ExpressionEngine构建的还是由jQuery循环构建的?您可能只需要为自定义寻呼机链接编写一个函数。看到HTML/CSS和JavaScript的输出会很有帮助,这样我们可以更好地理解您的标记。
{!-- SLIDE IMAGES --}
<div id="cycle">
{cf_slide_tag_pair}
<a href="{slide_link}"><img src="{slide_image}" /></a>
{/cf_slide_tag_pair}
</div>
{!-- PAGER --}
<ul id="pager">
{cf_slide_tag_pair}
<li><a href="#">{slide_title}</a></li>
{/cf_slide_tag_pair}
</ul>
{!-- CYCLE CALL --}
$('#cycle').cycle({
activePagerClass: 'active',
pager: '#pager',
pause: 1,
speed: 'fast',
timeout: 22000,
pagerAnchorBuilder: function(index, slide) {
return '#pager li:eq('+(idx)+') a';
}
});