Question

所以我试图在窗口大小较小时用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 } ?>');

Answer 1

实际上，您的要求听起来像响应的东西。如果我是你，我会把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>

“yourInitialDiv”是您拥有的内容，“yourDivToReplace”是您在某个分辨率以下的内容。下一步是通过css修改它们：

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

您只需将699px替换为您想要的分辨率即可。

Answer 2

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

这里有一个参考。 http://www.w3schools.com/ajax/ajax_examples.asp

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

2 个答案: