Question

我正在做一个网站项目，很难找到解决问题的方法。在项目的索引页面上，我正在创建一个背景滑块，从服务器上的文件夹中提取图像，这很好用，我还希望指定与每个图像关联的格式化文本与图像同步显示，如这样我创建了一个覆盖函数来执行此操作并从分配的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。

jquery和换行符

1 个答案: