<meta charset="UTF-8">

<title>ダブルクリックで別タブを展開</title>

<!-- jQueryの読み込み -->

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>



<script>

$(document).ready(function () {

    // カンバンのダブルクリックによる画面遷移を、別タブで行うスクリプト

    $(document).on('dblclick', '.kamban-item', function (event) {

        // 親要素のイベントを完全に止めて同一タブでの画面遷移を防ぐ

        event.preventDefault();

        event.stopImmediatePropagation();



        var itemId = $(this).data('id');

        if (itemId) {

            window.open('http://{サーバー名}/items/' + itemId, '_blank');

        }



        return false;

    });

});

</script>