私は Facebook のようなチャット アプリケーションを作成しており、(Facebook のように) 各チャットボックスの上部に、クリックすると関連付けられたユーザー プロファイルを開くリンクを追加しました。チャットボックスの HTML は、javascript/jquery を使用して動的に生成されます。
問題は、Firefox ではこのリンクが「右クリック」できないことです。Chrome では、このリンクは右クリック可能です。
したがって、2 つの質問があります。1) この href が Firefox で右クリックできないのはなぜですか。2)動的に生成されたhrefをjavascript/jqueryを使用してコードに追加するより良い方法はありますか?
現在、私は(疑似コードで)使用しています:
$('#chatbox_identifier').wrap("<a href=link_to_user_profile></a>") // set once
$('#chatbox_identifier').text("UserName/Status text") // can be set many times
注: ユーザー名/ステータスのテキストは、ユーザーがアイドル/退席中/オンラインのいずれであるかによって変わる可能性があるため、ユーザーのオンライン ステータスが変わるたびにリセットされます。これが、アンカーでラップした理由の一部です (アンカーは変更されないため、実際に変更する必要があるものだけを更新しています)。
「おまけの質問」: 動的に生成されたときに (疑似コードで) 以下が「クリック可能な」ハイパーリンクとして表示されない理由はありますか?
$('#chatbox_identifier').html("<a href=link_to_user_profile>UserName/Status</a>")
これは私が取りたかった最初のアプローチですが、機能させることができませんでした。
どんな助けでも大歓迎です。
よろしく