2016-06-24 13 views
1

私は、入力を受け取り、プレビューで引用符を追加し、ボタンをクリックするだけでツイートする簡単な「クリックツイート」ツールを作った。 http://codepen.io/markoJurisic/pen/yJgVez出力フィールドから引用符を削除するにはどうすればよいですか?

入力フィールドからすべてのテキストを削除すると、引用符は残りますが、入力フィールドと出力フィールドはすべて問題なく表示されます。私はそれらを削除しようとしましたが、失敗しました。 これは、出力フィールドのための私のjqueryのコードです:

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

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

はまた、生成されたつぶやきからURLを削除する方法はありますか?例えば「Hello World!」と入力するとcodepenのURLを使わないでメッセージを作り直すためにつぶやくためにクリックしてください。

答えて

2

あなたは入力に何でもあるかどうかを確認するためにternaryを使用することができます、あなたが言及したURLの除外については

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

、あなたの代わりにシェアのユーザーつぶやきを持つに意図されている場合https://twitter.com/intent/tweetの使用に注意してください

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

を代わりにO:単にURLを変更するこれを行うには - あなたがしてintentsを使用する必要がありますF

Updated Pen

+1

https://twitter.com/shareは私が経由かの時間のためにしようとしていた、どうもありがとうございました - 他にはなく、明らかに「間違った方法」:) –

関連する問題