JavaScript 中具有 PHP 个元素的动态循环变量

Question

我正在使用名为 imagemapster 的 jquery 插件来创建具有 mysql / php 内容和值的地图。

地图上有 120 多个定义区域，我想使用循环为每个弹出工具提示编写代码。尽管我可以在 JavaScript 中创建一个循环并替换纯文本，但我没有任何运气，包括 PHP 元素内的 JavaScript 变量 (i)。

我要替换的代码如下。我希望循环生成数字（1,2 和 3）的每个实例。可以这样混合 JavaScript 和 PHP 吗？

<script>
$(document).ready(function ()
{

$('#shape1').mapster({
showToolTip: true,
toolTipContainer: '<div class="map_popup"></div>',
    fill : true, 
  areas:  [
          {                
           key: "1", 
           toolTip: "Controller 1<p>
                     Production <?php echo $SumOfSUP_AC_TODAY_1; ?> kWh<br>
                     Energy <?php echo $SumOfAC_P_1; ?> kW<br>",
                     },
           {                
           key: "2", 
           toolTip: "Controller 2<p>
                     Production <?php echo $SumOfAC_TODAY_2; ?> kWh<br>
                     Energy <?php echo $SumOfAC_P_2; ?> kW<br>",
                     },
           {                
           key: "3", 
           toolTip: "Controller 3<p>
                     Production <?php echo $SumOfSUP_AC_TODAY_3; ?> kWh<br>
                     Energy <?php echo $SumOfAC_P_3; ?> kW<br>",
                     }

           etc etc...

Answer 1

可以，但是 JavaScript 中不能有换行符。

在现代浏览器中，您可以使用反引号代替引号

toolTip: `Controller 1<p>
          Production <?php echo $SumOfSUP_AC_TODAY_1; ?> kWh<br>
          Energy <?php echo $SumOfAC_P_1; ?> kW<br>`

但为了兼容，请使用 \n 或不使用：

toolTip: "Controller 1<p>\nProduction <?php echo $SumOfSUP_AC_TODAY_1; ?> kWh<br>\nEnergy <?php echo $SumOfAC_P_1; ?> kW<br>"

您还可以在 PHP:

中生成字符串

How to handle newlines in Javascript? (from PHP)

JavaScript 中具有 PHP 个元素的动态循环变量

Dynamic loop variable in JavaScript with PHP elements

javascript

php

jquery

for-loop

imagemapster