javascript - 如何在 joomla 3 中添加内联脚本？

Question

我正在尝试在我的模板中添加脚本，但它经常出现错误:

Parse error: syntax error, unexpected T_CONSTANT_ENCAPSED_STRING in Z:\home\localhost\www\RealEstate\templates\real_estate\index.php on line 21

这是我的代码:

<?php

defined('_JEXEC') or die;

$app             = JFactory::getApplication();
$doc             = JFactory::getDocument();
$user            = JFactory::getUser();
$this->language  = $doc->language;
$this->direction = $doc->direction;

$params = $app->getTemplate(true)->params;


$doc->addStyleSheet('templates/' . $this->template . '/css/swiper.min.css');
$doc->addStyleSheet('templates/' . $this->template . '/css/style.css');

JHtml::_('jquery.framework');
$doc->addScript('templates/' . $this->template . '/js/swiper.min.js');
$doc->addScriptDeclaration('
  jQuery(document).ready(function() {
   var swiper = new Swiper('.swiper-container', {
   nextButton: '.swiper-button-next',
   prevButton: '.swiper-button-prev',
   pagination: '.swiper-pagination',
   slidesPerView: 3,
   slidesPerColumn: 2,
   paginationClickable: true,
   spaceBetween: -15,
   });
});
');

?>

我也在尝试这个:

JHtml::_('jquery.framework', false);
$doc->addScript('templates/' . $this->template . '/js/swiper.min.js');
$doc->addScriptDeclaration('
  $(document).ready(function() {
   var swiper = new Swiper('.swiper-container', {
   nextButton: '.swiper-button-next',
   prevButton: '.swiper-button-prev',
   pagination: '.swiper-pagination',
   slidesPerView: 3,
   slidesPerColumn: 2,
   paginationClickable: true,
   spaceBetween: -15,
   });
});
');

两者都不起作用，但会出现错误。 请大家指出我做错了什么。

Answer 1

您以错误的方式连接字符串

将该脚本放在双引号内

$doc->addScriptDeclaration("
  jQuery(document).ready(function() {
   var swiper = new Swiper('.swiper-container', {
   nextButton: '.swiper-button-next',
   prevButton: '.swiper-button-prev',
   pagination: '.swiper-pagination',
   slidesPerView: 3,
   slidesPerColumn: 2,
   paginationClickable: true,
   spaceBetween: -15,
   });
});
");