Используйте PHP переменные в Jquery

Question

Привет Я использую http://brutaldesign.github.io/swipebox/ для отображения изображений в моей странице, я нужен способ, чтобы передать переменные из PHP в Jquery swipebox код, который я модифицирующий

plugin = this, 
    elements = [], // slides array [{href:'...', title:'...'}, ...], 
    elem = elem, 
    selector = elem.selector, 
    $selector = $(selector), 
    isTouch = document.createTouch !== undefined || ('ontouchstart' in window) || ('onmsgesturechange' in window) || navigator.msMaxTouchPoints, 
    supportSVG = !!(window.SVGSVGElement), 
    winWidth = window.innerWidth ? window.innerWidth : $(window).width(), 
    winHeight = window.innerHeight ? window.innerHeight : $(window).height(), 
    html = '<div id="swipebox-overlay">\ 
      <div id="swipebox-slider"></div>\ 
      <div id="swipebox-caption"><a id="swipebox-close"></a></div>\ 
      <a id="swipebox-prev"></a>\ 
      <a id="swipebox-next"></a>\ 
      <div id="swipebox-action"><span class="swipebox-caption-text"></span>\ 
      <div class="listing-details-toolbar-inner">\ 
      <ul class="action-link-group float-l">\ 
      <li class="action-link-item">\ 
      <a href="#" id="shareListingBtn"\ 
             data-artid="<?php print $artId; ?>"\ 
             class="link-btn icon-btn ui-button-small"><span class="ic-icon share-icon"></span>Share</a>\ 
      </li>\ 
      <li class="action-link-item">\ 
      <a id="addToCollection"\ 
       data-artid="<?php print $artId;?>"\ 
       data-show_collections="<?php print TRUE; ?>"\ 
       data-title="<?php print $listing_single->title;?>"\ 
       data-description="<?php print $listing_single->description; ?>"\ 
       class="addto-Collection-btn link-btn ui-button-xsmall ui-button-primary">Collect it\ 
      </a>\ 
     </li>\ 
      <li class="action-link-item">\ 
      <?php print $smallLikeButton; ?>\ 
     </li>\ 
     </ul>\ 
     </div>\ 
    </div>'; 

Как вы можете видеть HTML отличается от оригинального

html = '<div id="swipebox-overlay">\ 
      <div id="swipebox-slider"></div>\ 
      <div id="swipebox-caption"><a id="swipebox-close"></a></div>\ 
      <a id="swipebox-prev"></a>\ 
      <a id="swipebox-next"></a>\ 
      <div id="swipebox-action"><span class="swipebox-caption-text"></span></div>\ 
    </div>'; 

Моя проблема заключается в том, что я добавлять кнопки плагин HTML и мне нужно использовать переменные, как это один

<?php print $artId; ?> 

что я могу сделать?

Answer 1

Это потому, что ваш файл JavaScript не обрабатывается интерпретатором PHP.

Существуют различные решения для вашей проблемы. Например, вы можете сделать

<script> 
    var artId = <?php echo $artId; ?>; // assuming $artId is number 
</script> 

в коде PHP рендеринга, а затем использовать artId переменную в JS-скрипта.