首页 > 解决方案 > 在这个 Javascript 代码中我必须在哪里写“var”?

问题描述

我必须在 JavasSript 中使用 PHP 变量而不是数字,所以我搜索了 Stack Overflow,在我看来,我创建了一个这样的 JavaScript 变量:

var ToShow = "<?php Print($settings['posts_per_page_to_show']); ?>";

所以我必须用上面的代码改变数字:

 slidesToShow: 2, 

在这段代码中我需要在哪里添加 JS 变量?另外如何在这段代码中使用 JS 变量而不是 2?

完整代码:

$(document).ready(function() {
  $('.vertical-center-4').slick({
    centerMode: false,
    slidesToShow: 2,
    infinite: true,
    slidesToScroll: 2,
    //speed: 300,
    autoplay: true,
    autoplaySpeed: 3000,
    variableWidth: false,
    responsive: [{
        breakpoint: 1024,
        settings: {
          slidesToShow: 2,
          slidesToScroll: 2,
          infinite: true,
          dots: true,
          variableWidth: false,
        }
      },
      {
        breakpoint: 600,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1
        }
      },
      {
        breakpoint: 480,
        settings: {
          slidesToShow: 1,
          slidesToScroll: 1
        }
      }
      // You can unslick at a given breakpoint now by adding:
      // settings: "unslick"
      // instead of a settings object
    ]
  });
});

标签: javascriptphp

解决方案


那么我必须在这段代码中在哪里添加 js 变量

:变量可以在对象外的函数内声明。

另外,如何在这段代码中编写 js 变量而不是 2?:

在对象内部,您现在可以访问变量。

 $(document).ready(function(){
        var ToShow = "<?php Print($settings['posts_per_page_to_show']); ?>";
        $('.vertical-center-4').slick({
            centerMode: false,
            slidesToShow: ToShow,
            infinite: true,
            slidesToScroll: 2,
            //speed: 300,
            autoplay: true,
            autoplaySpeed: 3000,
            variableWidth: false,
            responsive: [
                {
                    breakpoint: 1024,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 2,
                        infinite: true,
                        dots: true,
                        variableWidth: false,
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                }
                // You can unslick at a given breakpoint now by adding:
                // settings: "unslick"
                // instead of a settings object
            ]
        });
    });

推荐阅读