将php字符串作为javascript函数回显的问题

Question

我正在使用 Jaipho 从自定义 Wordpress 插件将图像显示到移动图库。使用 Jaipho 库的 wordpress 主题使用 WP-mobile-detector 插件显示。

我遇到的问题是当我使用 php 收集照片的 URL 以回显要由 javascript 解析的函数时。我从 Safari 的元素检查器中获取生成的静态 javascript 代码并将其粘贴到我的代码中，注释掉 php，它可以在任何地方工作。 iOS 版 Safari 似乎不喜欢 php 生成的 javascript 代码。

• HTML 5
  • <DOCTYPE html>
  • <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  • <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
• PHP 5.2.6
• Wordpress 3.2.1

当它起作用时：

• 在 Safari 上将用户代理设置为 iPhone

• 静态代码替换 php 生成的代码

  $imageArray = $case->images_assc_array();  
  $i = 0;  
  foreach($imageArray['views'] as $view_name => $view_images) {  
     $before_img = $view_images['before'];  
     $after_img = $view_images['after'];  
  
     echo "dao.ReadImage($i,'".$before_img->medium_size()."','".$before_img->small_size()."','".ucfirst($view_name)." Before','".$case->description."');";  
     $i++;  
     echo "dao.ReadImage($i,'".$after_img->medium_size()."','".$after_img->small_size()."','".ucfirst($view_name)." After','".$case->description."');";  
     $i++;  
  }
  

预期的示例生成输出：

    dao.ReadImage( 0,'/wp-content/uploads/rmgallery_images/medium/408/before-front.jpg','/wp-content/uploads/rmgallery_images/small/408/before-front.jpg','Front Before','38 year old who underwent a tummy tuck.');  
    dao.ReadImage( 1,'/wp-content/uploads/rmgallery_images/medium/410/after-front.jpg','/wp-content/uploads/rmgallery_images/small/410/after-front.jpg','Front After','38 year old who underwent a tummy tuck.');
    dao.ReadImage( 2,'/wp-content/uploads/rmgallery_images/medium/409/before-side.jpg','/wp-content/uploads/rmgallery_images/small/409/before-side.jpg','Side Before','38 year old who underwent a tummy tuck.');
    dao.ReadImage( 3,'/wp-content/uploads/rmgallery_images/medium/411/after-side.jpg','/wp-content/uploads/rmgallery_images/small/411/after-side.jpg','Side After','38 year old who underwent a tummy tuck.');

Answer 1

你有一些不匹配的引号：

echo dao.ReadImage($i,'".$before...

echo "dao.ReadImage($i,'".$after...

等等。

试试这些：

echo 'dao.ReadImage('.$i.',"'.$before_img->medium_size().'","'.$before_img->small_size().'","'.ucfirst($view_name).' Before","'.$case->description.'");';
echo 'dao.ReadImage('.$i.',"'.$after_img->medium_size().'","'.$after_img->small_size().'","'.ucfirst($view_name).' After","'.$case->description.'");';

Answer 2

感谢@Marc B 和@linuxrules94 的组合解决方案：

<?php
$imageArray = $case->images_assc_array();
$i = 0;

    foreach($imageArray['views'] as $view_name => $view_images):
        $before_img = $view_images['before'];
        $after_img = $view_images['after'];
    ?>

        dao.ReadImage(<?=json_encode($i);?>, <?=json_encode($before_img->medium_size());?>,<?=json_encode($before_img->small_size());?>,<?=json_encode(ucfirst($view_name));?> + " Before", <?=json_encode(stripslashes($case->description));?>);
        <? $i++; ?>
        dao.ReadImage(<?=json_encode($i);?>, <?=json_encode($after_img->medium_size());?>,<?=json_encode($after_img->small_size());?>,<?=json_encode(ucfirst($view_name));?> + " After", <?=json_encode(stripslashes($case->description));?>);
        <? $i++;
    endforeach; ?>

谢谢大家！

Answer 3

如何使用 heredocs：http://php.net/manual/en/language.types.string.php