在JavaScript img标签中插入var

wz3gfoph 于 2023-04-04 发布在 Java

关注(0)|答案(1)|浏览(128)

我在WordPress网站使用猫头鹰旋转木马，我想使用网站的URL动态添加从主题URL到网站的导航img。
这是密码：

$(".home-slider-wrapper").owlCarousel({
    autoplay: true,
    autoplayHoverPause: false,
    loop: true,
    nav: true, // Show next and prev buttons
    dots: false,
    slideSpeed: 2500,
    smartSpeed: 1000,
    responsive: {
      0: {
        items: 1,
      }
    },
    navText: [
      '<img src="/assets/images/angel-left.svg" alt="angle left" class="owl-prev__img" width="16px" height="14px">',
      '<img src="/assets/images/angel-right.svg" alt="angle right" class="owl-next__img" width="16px" height="14px">',
    ],
  });

在functions.php中，我编写了动态获取站点URL的代码，可以通过以下方式访问站点URL：siteURLData.root_url，它工作得很好。
也许这么简单，但我想知道如何在navText src中使用siteURLData.root_url。

JavaScript

来源：https://stackoverflow.com/questions/75906038/insert-a-var-in-javascript-img-tag

1条答案

按热度按时间

1aaf6o9v1#

哦，这是愚蠢的，我认为我不能使用反引号来解决它简单：

navText: [
      `<img src="${siteURLData.root_url}/wp-content/themes/spaceventwp/assets/images/angel-left.svg" alt="angle left" class="owl-prev__img" width="16px" height="14px">`,
      `<img src="${siteURLData.root_url}/wp-content/themes/spaceventwp/assets/images/angel-right.svg" alt="angle right" class="owl-next__img" width="16px" height="14px">`,
    ],

赞(0）回复(0）举报 2023-04-04

我来回答

在JavaScript img标签中插入var

1条答案

相关问题

热门标签

最新问答