Question

我在bootstrap模式中有以下代码 - 数据是从按钮中拉出来的（触发模态）

<script> 
  $('#myFavorites').on('show.bs.modal', function (event) { 
    // Heart Icon triggers 
    var heart = $(event.relatedTarget) 
    // Button that triggered the modal 
    // List of variables 
    var user = heart.data('user') 
    var title = heart.data('track') 
    var artist = heart.data('artist') 

    // Print to screen 
    var modal = $(this) modal.find('.modal-title').html('User: ' + user + '<p>Song: ' + title + '</p><p>Artist: ' + artist) 
    // modal.find('.modal-body input').val(title) 
  }) 
</script>

这一切都打印在一行上。我怎么能这样格式化（简单的中断到新行）：

用户：01
歌曲：标题在这里
艺术家：艺术家姓名在这里来源：URL这里
海报：海报在这里

我在几个地方注入\ n但它破坏了代码？

Answer 1

使用<br/>新换行符并使用html函数代替text函数：

modal.find('.modal-title').html('User: ' + user + '<br/>Song: ' + title + '<br/>Artist: ' + artist + '<br/>Source: ' + source + '<br/>Poster: ' + poster)

格式化Javascript输出

1 个答案: