Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.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
jQuery循环创建过多的寻呼机链接_Jquery_Expressionengine_Jquery Cycle - Fatal编程技术网

jQuery循环创建过多的寻呼机链接

jQuery循环创建过多的寻呼机链接,jquery,expressionengine,jquery-cycle,Jquery,Expressionengine,Jquery Cycle,我搜索了又搜索,但似乎找不到任何合适的查询结果 基本上,我的页面是通过ajax(包括图像)拉入的,但jquery循环正在为页面创建大量条目,只有一些链接可以工作。但是,如果我更具体地针对图像(只针对#图像而不是#img container#图像),则寻呼机计数正确,但寻呼机链接不起作用。它快把我逼疯了 expressionengine的HTML输出是可靠的,它只是将查询中的所有img标记放置在#images div中,没有问题。都很干净 以下是jQuery: $.ajax({ type: "

我搜索了又搜索,但似乎找不到任何合适的查询结果

基本上,我的页面是通过ajax(包括图像)拉入的,但jquery循环正在为页面创建大量条目,只有一些链接可以工作。但是,如果我更具体地针对图像(只针对#图像而不是#img container#图像),则寻呼机计数正确,但寻呼机链接不起作用。它快把我逼疯了

expressionengine的HTML输出是可靠的,它只是将查询中的所有img标记放置在#images div中,没有问题。都很干净

以下是jQuery:

 $.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,因此它关闭的原因):

任何帮助都将不胜感激。如果我的帖子有任何问题,我会提前道歉,我是第一次来这里:)

非常感谢,,
Marcel

rjb是正确的,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';
       }
    });