Question

我正在尝试根据窗口/ div大小编辑段落的内容但是还没有成功..这是我尝试过的：

$(document).ready(function(){
    function check(){
        var w = $(window).width();
        var ot = "elegant@elegant.com<br>commercial@elegant.com";
        var nt = "e@elegant.com<br>c@elegant.com";  
        w < 768 ? $(".mail").text.parseHTML(nt) : $(".mail").text.parseHTML(ot);
    }
    check();
    $(window).resize(check);
    });

任何人都有任何关于如何进行的线索？

Answer 1

我会做类似的事情：

<p class="ot">elegant@elegant.com<br>commercial@elegant.com</p>
<p class="nt">e@elegant.com<br>c@elegant.com</p>

<style>
    p.ot { display: block; }
    p.nt { display: none; }
    @media screen and (max-width: 768px) {
        p.ot { display: none; }
        p.nt { display: block; }
    }
</style>

http://jsfiddle.net/5eg499qm/

Answer 2

您似乎正在尝试将已解析的HTML插入元素中。

您要解析的字符串尚未包含在DOM中 - 它们只是javascript变量 - 因此您希望对这些字符串执行对parseHTML()的调用而不是来自DOM元素。

此外，由于您要插入HTML，请使用html()方法而不是text()。

正确的语法是：

$(".mail").html($.parseHTML(nt));
$(".mail").html($.parseHTML(ot));

参考文献：parseHTML()，html()

WORKING EXAMPLE

话虽这么说，我会使用Rich Remer建议的CSS选项。 CSS通常用于布局，而javascript通常用于交互。 Read more

更改div或窗口大小的段落内容

2 个答案: