单击时，Prestashop旋转木马箭头不起作用

编程问答 2022-08-14

问题描述

我正在尝试构建一个prestashop主题。我从github上的prestashop开发资料库下载了prestashop主题。

我在本地开发的prestashop上安装了主题，并且一切正常，但是轮播正常，但是如果我单击左右箭头，它将刷新页面，而不是下一张幻灯片。

这是slider.tpl文件代码

    {if $homeslider.slides}
  <div id="carousel" data-ride="carousel" class="carousel slide" data-interval="{$homeslider.speed}" data-wrap="{(string)$homeslider.wrap}" data-pause="{$homeslider.pause}" data-touch="true">
    <ol class="carousel-indicators">
      {foreach from=$homeslider.slides item=slide key=idxSlide name='homeslider'}
      <li data-target="#carousel" data-slide-to="{$idxSlide}"{if $idxSlide == 0} class="active"{/if}></li>
      {/foreach}
    </ol>
    <ul class="carousel-inner" role="listbox">
      {foreach from=$homeslider.slides item=slide name='homeslider'}
        <li class="carousel-item {if $smarty.foreach.homeslider.first}active{/if}" role="option" aria-hidden="{if $smarty.foreach.homeslider.first}false{else}true{/if}">
          <a href="{$slide.url}">
            <figure>
              <img src="{$slide.image_url}" alt="{$slide.legend|escape}" loading="lazy">
              {if $slide.title || $slide.description}
                <figcaption class="caption">
                  <h2 class="display-1 text-uppercase">{$slide.title}</h2>
                  <div class="caption-description">{$slide.description nofilter}</div>
                </figcaption>
              {/if}
            </figure>
          </a>
        </li>
      {/foreach}
    </ul>
    <div class="direction" aria-label="{l s='Carousel buttons' d='Shop.Theme.Global'}">
      <a class="left carousel-control" href="#carousel" role="button" data-slide="prev" aria-label="{l s='Previous' d='Shop.Theme.Global'}">
        <span class="icon-prev hidden-xs" aria-hidden="true">
          <i class="material-icons">&#xE5CB;</i>
        </span>
      </a>
      <a class="right carousel-control" href="#carousel" role="button" data-slide="next" aria-label="{l s='Next' d='Shop.Theme.Global'}">
        <span class="icon-next" aria-hidden="true">
          <i class="material-icons">&#xE5CC;</i>
        </span>
      </a>
    </div>
  </div>
{/if}

有人可以告诉我如何解决这个问题吗？

theme.js:4740 JQMIGRATE: jQuery 3.0.0+ REQUIRED
theme.js:4747 JQMIGRATE: Migrate is installed with logging active,version 3.1.0
theme.js:4772 JQMIGRATE: jQuery.expr[':'] is deprecated; use jQuery.expr.pseudos
migrateWarn @ theme.js:4772
get @ theme.js:4785
(anonymous) @ jquery-ui.min.js:5
(anonymous) @ jquery-ui.min.js:5
theme.js:4774 console.trace
migrateWarn @ theme.js:4774
get @ theme.js:4785
(anonymous) @ jquery-ui.min.js:5
(anonymous) @ jquery-ui.min.js:5
theme.js:4772 JQMIGRATE: jQuery.fn.mouseup() event shorthand is deprecated
migrateWarn @ theme.js:4772
jQuery.fn.<computed> @ theme.js:5176
(anonymous) @ jquery-ui.min.js:5
(anonymous) @ jquery-ui.min.js:5
theme.js:4774 console.trace
migrateWarn @ theme.js:4774
jQuery.fn.<computed> @ theme.js:5176
(anonymous) @ jquery-ui.min.js:5
(anonymous) @ jquery-ui.min.js:5
theme.js:4772 JQMIGRATE: jQuery.fn.delegate() is deprecated
migrateWarn @ theme.js:4772
delegate @ theme.js:5205
f @ jquery-ui.min.js:8
e @ jquery-ui.min.js:8
(anonymous) @ jquery-ui.min.js:9
(anonymous) @ jquery-ui.min.js:9
theme.js:4774 console.trace
migrateWarn @ theme.js:4774
delegate @ theme.js:5205
f @ jquery-ui.min.js:8
e @ jquery-ui.min.js:8
(anonymous) @ jquery-ui.min.js:9
(anonymous) @ jquery-ui.min.js:9
theme.js:2524 Uncaught TypeError: Cannot read property 'quantityWanted' of undefined
    at createProductSpin (theme.js:2524)
    at HTMLDocument.<anonymous> (theme.js:2456)
    at u (core.js:39)
    at Object.fireWith [as resolveWith] (core.js:39)
    at Function.ready (core.js:39)
    at HTMLDocument.H (core.js:39)
createProductSpin @ theme.js:2524
(anonymous) @ theme.js:2456
u @ core.js:39
fireWith @ core.js:39
ready @ core.js:39
H @ core.js:39
theme.js:4772 JQMIGRATE: jQuery.event.fixHooks are deprecated and removed: resize
migrateWarn @ theme.js:4772
jQuery.event.fix @ theme.js:5121
dispatch @ core.js:39
g.handle @ core.js:39
theme.js:4774 console.trace
migrateWarn @ theme.js:4774
jQuery.event.fix @ theme.js:5121
dispatch @ core.js:39
g.handle @ core.js:39
favicon.ico:1 GET http://localhost/prestashop/img//prestashop/img/favicon.ico?1598427341 403 (Forbidden)
favicon.ico:1 GET http://localhost/prestashop/img//prestashop/img/favicon.ico?1598427341 403 (Forbidden)
DevTools failed to load SourceMap: Could not load content for http://localhost/prestashop/themes/core.js.map: HTTP error: status code 404,net::ERR_HTTP_RESPONSE_CODE_FAILURE
theme.js:4772 JQMIGRATE: jQuery.event.fixHooks are deprecated and removed: webkitTransitionEnd
migrateWarn @ theme.js:4772
jQuery.event.fix @ theme.js:5121
dispatch @ core.js:39
g.handle @ core.js:39
trigger @ core.js:39
(anonymous) @ core.js:39
each @ core.js:28
each @ core.js:28
trigger @ core.js:39
triggerTransitionEnd @ theme.js:3482
(anonymous) @ theme.js:3468
setTimeout (async)
f @ theme.js:3467
j._slide @ theme.js:3645
j.next @ theme.js:3594
j.nextWhenVisible @ theme.js:3596
i @ core.js:28
setInterval (async)
j.cycle @ theme.js:3602
j._slide @ theme.js:3645
j.next @ theme.js:3594
j.nextWhenVisible @ theme.js:3596
i @ core.js:28
setInterval (async)
j.cycle @ theme.js:3602
(anonymous) @ theme.js:3652
each @ core.js:28
each @ core.js:28
j._jQueryInterface @ theme.js:3648
(anonymous) @ theme.js:3668
each @ core.js:28
each @ core.js:28
(anonymous) @ theme.js:3667
dispatch @ core.js:39
g.handle @ core.js:39
load (async)
add @ core.js:39
(anonymous) @ core.js:39
each @ core.js:28
each @ core.js:28
ce @ core.js:39
on @ core.js:39
(anonymous) @ core.js:136
n @ core.js:1
(anonymous) @ core.js:88
n @ core.js:1
(anonymous) @ core.js:64
n @ core.js:1
(anonymous) @ core.js:64
n @ core.js:1
(anonymous) @ core.js:1
(anonymous) @ core.js:1
theme.js:4774 console.trace
migrateWarn @ theme.js:4774
jQuery.event.fix @ theme.js:5121
dispatch @ core.js:39
g.handle @ core.js:39
trigger @ core.js:39
(anonymous) @ core.js:39
each @ core.js:28
each @ core.js:28
trigger @ core.js:39
triggerTransitionEnd @ theme.js:3482
(anonymous) @ theme.js:3468
setTimeout (async)
f @ theme.js:3467
j._slide @ theme.js:3645
j.next @ theme.js:3594
j.nextWhenVisible @ theme.js:3596
i @ core.js:28
setInterval (async)
j.cycle @ theme.js:3602
j._slide @ theme.js:3645
j.next @ theme.js:3594
j.nextWhenVisible @ theme.js:3596
i @ core.js:28
setInterval (async)
j.cycle @ theme.js:3602
(anonymous) @ theme.js:3652
each @ core.js:28
each @ core.js:28
j._jQueryInterface @ theme.js:3648
(anonymous) @ theme.js:3668
each @ core.js:28
each @ core.js:28
(anonymous) @ theme.js:3667
dispatch @ core.js:39
g.handle @ core.js:39
load (async)
add @ core.js:39
(anonymous) @ core.js:39
each @ core.js:28
each @ core.js:28
ce @ core.js:39
on @ core.js:39
(anonymous) @ core.js:136
n @ core.js:1
(anonymous) @ core.js:88
n @ core.js:1
(anonymous) @ core.js:64
n @ core.js:1
(anonymous) @ core.js:64
n @ core.js:1
(anonymous) @ core.js:1
(anonymous) @ core.js:1
theme.js:4772 JQMIGRATE: jQuery.event.props.concat() is deprecated and removed
migrateWarn @ theme.js:4772
get @ theme.js:4785
fix @ core.js:39
jQuery.event.fix @ theme.js:5129
dispatch @ core.js:39
g.handle @ core.js:39
theme.js:4774 console.trace
migrateWarn @ theme.js:4774
get @ theme.js:4785
fix @ core.js:39
jQuery.event.fix @ theme.js:5129
dispatch @ core.js:39
g.handle @ core.js:39
theme.js:4772 JQMIGRATE: jQuery.event.fixHooks are deprecated and removed: mouseover
migrateWarn @ theme.js:4772
jQuery.event.fix @ theme.js:5121
dispatch @ core.js:39
g.handle @ core.js:39
theme.js:4774 console.trace
migrateWarn @ theme.js:4774
jQuery.event.fix @ theme.js:5121
dispatch @ core.js:39
g.handle @ core.js:39
theme.js:5124 Uncaught TypeError: jQuery.event.addProp is not a function
    at Object.jQuery.event.fix (theme.js:5124)
    at HTMLDivElement.dispatch (core.js:39)
    at HTMLDivElement.g.handle (core.js:39)
jQuery.event.fix @ theme.js:5124
dispatch @ core.js:39
g.handle @ core.js:39

这是我在浏览器控制台中获得的日志

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

arrowscarouselprestashoptask-parallel-library

相关问答

导入项目后报错问题
依赖报错 idea导入项目后依赖报错，解决方案：https://blog....
idea不能识别yaml文件
使用mybatis plus常见错误
错误1：代码生成器依赖和mybatis依赖冲突 启动项目时报错如下...
gradle常见问题与错误
错误1：gradle项目控制台输出为乱码 # 解决方案：https://bl...
Mybatis Plus传入参数0不起作用
错误还原：在查询的过程中，传入的workType为0时，该条件不起...
linux中make编译源码包失败
报错如下，gcc版本太低 ^ server.c:5346:31: 错误：‘struct...