質問: $(selComment); // コメント本文 // 返信リンクのイベントにバインド jqResFormLink .on('click', function(eventObject) { if (flagScroll) { // スムーズスクロールの判定 $('body, html').animate({scrollTop: jqForm.offset().top}, 200); // スムーズスクロール } if (!flagBack) { // 戻るフラグの判定はスムーズスクロールの後に行う(移動を伴うため) $('body, html').scrollTop(jqForm.offset().top); // 表示位置変更 eventObject.preventDefault(); // a要素の動作を無効化 } jqComment.val(jqComment.val() + strResAnchor + $(this).html()); // コメント本文の末尾にレスアンカー挿入 }) .attr('title', 'これにレス') ; }()); }); ``` ### 試したこと JavaScriptなので\nを入れれば改行できるとは思うのですが、どこに入れればいいかがわかりませんでした。 ### 補足情報(FW/ツールのバージョンなど) こちらのページをそのまま導入しています。 http://ugokay01.wpblog.jp/2ch-like-wordpress-comment/
回答: WPサイトを実際に立ち上げた訳でないので、質問に記載のJavaScriptを見る限りですが、 以下の部分で、コメント欄の本文を書き換えているようです。 ``` jqComment.val(jqComment.val() + strResAnchor + $(this).html()); // コメント本文の末尾にレスアンカー挿入 ``` 該当部分の内訳としては以下になります。 `jqComment.val(...)`:コメント本文の要素()に「...」の文字列を適用 `jqComment.val()`:現在のコメント本文の要素()から文字列を取得 `strResAnchor`:「※」の文字 `$(this).html()`:クリックしたリンク要素のHTML文字列(レス番号) arukuhitoさんのケースでは、レス番号の後に改行をいれて結合すればOKだと思います。 ``` jqComment.val(jqComment.val() + strResAnchor + $(this).html() + '\n'); // コメント本文の末尾にレスアンカー挿入 ``` 追記(2018/11/11) コメント本文の要素()にフォーカスする場合は以下の通りです。 一般に、テキストフィールドなどを選択しカーソルが出た状態になることを「(要素に)フォーカスする」というので、ご自分で検索する際などに参考にしてください。 jQueryには、その名の通り`.focus()`メソッドがあります。 ``` // 省略 jqComment.val(...) jqComment.focus(); // 追加 ``` 追記(2018/11/12) すみません。あるべき記述が抜けていたようです。 リンク要素をクリックした際に、デフォルトの挙動(リンク遷移)を抑制するために`preventDefault`します。 JavaScriptのイベントは大事な概念なので、一度概要を調べてみるのをおすすめします。 ``` // 省略 jqComment.val(...) jqComment.focus(); eventObject.preventDefault(); // 追加 ```