Question

我在Javascript中创建连接字符串时遇到问题

使用下面的代码我收到一个错误：意外的字符串。

(function ($) {
  $(document).ready(function(){
    var bgcolor = $('.ls-background--stretch').css('background-color');
    alert(bgcolor);
    var bgheight = $('.ls-background--stretch').height();
    alert(bgheight);
    $('head').append('<style type="text/css">.ls-background--stretch {  position: relative;}   .ls-background--stretch::before {  content: "";  position: absolute;  left: -50%;  top: 0;  width: 1000%;  z-index: 0;  height: '.bgheight.'px;  background-color: '.bgcolor.';}</style>');
  });
})(jQuery);

这与height: '.bgheight.'px;及其后的颜色毫无疑问有关。

我为它制作了一个Codepen：https://codepen.io/anon/pen/BJddgR

Answer 1

$('head').append('<style type="text/css">.ls-background--stretch {  position: relative;}   .ls-background--stretch::before {  content: "";  position: absolute;  left: -50%;  top: 0;  width: 1000%;  z-index: 0;  height: '+ bgheight +'px;  background-color: '+ bgcolor +';}</style>');

添加"+"代替"."。在用于连接字符串的JavaScript中，我们使用"+"，在php中我们使用"."

jQuery使用变量添加到HEAD（意外的字符串错误）

1 个答案: