javascript - jquery 和换行符

Question

我正在做一个网站项目，但很难找到问题的解决方案。在项目的索引页面上，我正在创建一个背景 slider ，用于从服务器上的文件夹中提取图像，这工作正常，我还希望指定与与图像同步显示的每个图像相关联的格式化文本，如下所示这样我创建了一个覆盖函数来执行此操作并从分配的 php 变量中提取文本，这也有效，我似乎找不到一个允许我使用换行符等格式化文本的解决方案，无论我在文本和其他函数中尝试过什么，要么只是复制换行符

> ie : "some text'<br>'some other text" then gets dispayed as some
> text'<br>'some other text--.

我最终想从数据库中提取此文本，我将通过 php 来完成此操作。以下是我用来创建它的具体代码。任何帮助将不胜感激

php 变量************

<?php
    $text1 = "mandinga arts<br>new line";
?>

jquery 函数 **************

<script type="text/javascript">
$(document).ready(function() {
     $("#index_slider").backstretch(["gallery/Slider/slider1.jpg", "gallery/Slider/slider2.jpg", "gallery/Slider/slider3.jpg","gallery/Slider/slider4.jpg", "gallery/Slider/slider5.jpg", "gallery/Slider/slider6.jpg", "gallery/Slider/slider7.jpg", "gallery/Slider/slider8.jpg"], {duration: 6000, fade: 750});
});
var texts = [ "<?php echo $text1?>", "Some text for Slide 2", "Some text for Slide 3", "Some text for Slide 4", "Some text for Slide 5","Some text for Slide 6", "Some text for Slide 7",  "Some text for Slide 8",]; $(window).on("backstretch.show", function (e, instance) { $(".overlay").text( texts[instance.index]); }); 
</script>

html****************

  <div id="index_slider" class="index_slider"></div>
  <div id="index_slider2" class="index_slider2"></div>  
    <div id="overlay" class="overlay"></div> 

Answer 1

而不是

$(".overlay").text( texts[instance.index]);

使用

$(".overlay").html( texts[instance.index]);

让浏览器将数据呈现为 html。