Question

我正在尝试替换然后在元素上添加文本，但似乎无法使其工作。我有替换工作，然后当我试图添加文本时似乎停止了。

HTML：

<div id="topbar">
<p>Have Questions? Call us at: <b>1.555.55.5555</b></p>
<a href="#">Home</a>
<a href="#">Login</a>
</div>

JS：

function replacePhone() {
if ($(window).width() < 786) {
    console.log($("#topbar p").text());
    var text = $("#topbar p").text().replace('Have Questions?', '');
    $("#topbar p").text(text)
}
if ($(window).width() > 786) {
    console.log($("#topbar p").text());
    var text = $("#topbar p").prepend.('Have Questions?');
    $("#topbar p").text(text)
}
}
$(window).resize(function () {
replacePhone();
});
$(document).ready(function () {
replacePhone();
});

如果这对你来说更容易，这是一个小提琴： http://jsfiddle.net/LxQQe/

Answer 1

使用CSS媒体查询：

@media (min-width: 786px) {
  #topbar p:before {
    content: "Have Questions? ";
  }
}

尝试根据屏幕大小添加文本

1 个答案: