Javascript 需要翻译代码行以适应replaceWith（）函数

因此，当窗口大小很小时，我尝试用div中的一些新代码替换div。我尝试使用Jquery和replaceWith（）来实现这一点

这里的代码，我需要帮助翻译与excape字符。。。这是php不可能做到的吗

$('#container').replaceWith('<?php foreach ($images as $image) { ?><img class=\"photo-img next\" src=\"images/<?php echo $image[\'name\']; ?>\"  data-cycle-hash=\"<?php echo $image[\'name\']; ?>\" data-cycle-desc=\"<?php echo $image[\'desc\']; ?>">
    <?php } ?>');

$（'\'容器'）。替换为（'\'数据周期哈希=\“\”数据周期描述=\”>
');

PHP是服务器端。Javascript是客户端。如果你试图用Javascript插入PHP代码，它将永远不会工作，因为调用Javascript时，PHP已经在那里完成了工作。你可以改用ajax，这是一种解决Javascript与PHP通信的方法

这是你的推荐信。

---

实际上，您的需求听起来像是一个响应性很强的东西。如果我是您，我会将php代码直接放入html文件中，如

<div id="yourInitialDiv">
  <!--Main content goes here-->
</div>

<div id="yourDivToReplace">
  <?php foreach ($images as $image) { ?>
    <img class="photo-img next" src="images/<?php echo $image[\'name\']; ?>"  data-cycle-hash="<?php echo $image[\'name\']; ?>" data-cycle-desc="<?php echo $image[\'desc\']; ?>" >
  <?php } //end foreach ?>
</div>

---

你只需要用你想要的分辨率来替换

699px

。

Javascript在客户端工作，而PHP在服务器端工作。因此，如果你真的需要给定视口上的服务器端数据，例如，你需要做一个Ajax请求来获取你想要的数据。是的，有意义。谢谢。除了W3pSchools之外的任何东西都可以作为资源使用。这就是实际上是个更好的主意。谢谢！

@media all and (max-width: 699px) {
  #yourInitialDiv { display:none; }
  #yourDivToReplace { display:block; }
}