如何从输出字段中删除引号？

Question

我制作了一个简单的“点击推文”工具，该工具接受输入，在预览中添加引号并在按钮点击时发送推文。 http://codepen.io/markoJurisic/pen/yJgVez

输入和输出字段似乎都很好，除非从输入字段中删除所有文本，引号仍然存在。我试图删除它们，但没有成功。 这是输出字段的jquery代码：

var $src = $('#input'),
    $dst = $('#output');

    $src.on('input', function () {
        $dst.html('“' + $src.val() + '”');
    });

另外，有没有办法从生成的推文中删除网址？例如如果我输入“Hello World！”然后点击推文预制一条没有编码网址的邮件。

Answer 1

您可以使用ternary检查输入中是否有任何内容：

$src.on('input', function () {
    $dst.html($src.val() ? '“' + $src.val() + '”' : '');
});

对于您提到的网址排除，如果您打算让用户推文而不是分享，那么您应该使用intents - 来做这只是改变网址：

tweetUrl = 'https://twitter.com/intent/tweet?text=' + encodeURIComponent(phrase); 

请注意使用https://twitter.com/intent/tweet代替https://twitter.com/share

Updated Pen