jqueryのonメソッドのdragoverイベントが動かない

相談内容

画面上でタグをドラッグ&ドロップできる画面を作成しています。
knockout.jsでHTMLをループさせると、ドラッグ&ドロップが出来ません。
どのようにして解決すればいいのでしょうか？

該当のソースコード

html
1<?php
2echo $this->Html->script('knockout.js',array('inline' => false));
3echo $this->Html->script('knockout.mapping.js',array('inline' => false));
4echo $this->Html->css('vehicle_dispatch_schedule.css',[ 'inline' => false ]);
5echo $this->Html->script('VehicleDispatchSchedule.js',array('inline' => false));
6echo $this->Html->script('drag_and_drop.js',[ 'inline' => false ]);
7
8?>
9
10<div>
11	<div class="placement">
12		<table style="border: 1px solid; width: 10rem">
13			<!-- ko foreach: carData -->
14			<tbody>
15				<tr style="height: 3rem;">
16					<td class="driver_column droppable-place" style="border: 1px solid;"></td>
17				</tr>
18			</tbody>
19			<!-- /ko -->
20		</table>
21		<table class="outer_frame" style="width: 3rem">
22			<tr>
23				<td class="draggable-item item" data-dandd-group="driver">佐藤<br><input class="item_input"></td>
24			</tr>
25		</table>
26	</div>
27</div>

###drag_and_drop.js

javascript
1function initializeDragAndDrop(parameters) {
2
3    // sample: http://jsfiddle.net/radonirinamaminiaina/zfnj5rv4/
4
5    // 初期値を設定
6    parameters = Object.assign({draggableSelector: '.draggable-item',
7				droppableSelector: '.droppable-place',
8				dragOverClass: 'drop-place-focus',
9				groupData: 'dandd-group', },
10			       parameters);
11
12
13    let draggingItem = undefined; // ドラッグ中のタグ情報(未ドラッグ中ならundefined)
14    let insertFlg = true;
15
16    // ドロップ可能なグループ設定か？
17    function droppableGroup(data, place) {
18	return (! place.data(parameters.groupData) || ! data.data(parameters.groupData)) || // グループ設定なし
19	       (place.data(parameters.groupData) && data.data(parameters.groupData) && place.data(parameters.groupData) === data.data(parameters.groupData)) // 同じグループ
20	;
21    }
22
23    // ドラッグ開始
24    function dragStart(e) {
25	draggingItem = this; // ドラッグ中タグを格納
26
27	/* 	console.log('dragstart', this); */
28    }
29
30    // ドラッグ終了
31    function dragEnd(e) {
32	draggingItem = undefined; // ドラッグ中タグを無効化
33    }
34
35    // ドラッグ移動中
36    function dragOver(e) {
37	e.preventDefault();
38
39	// ドラッグ中以外は無視
40	if (draggingItem === undefined) {
41	    return;
42	}
43
44	const data = $(draggingItem);
45	const place = $(this);
46
47	// マウスの当たっている箇所に応じて、マウス形状を変更する。
48	if (droppableGroup(data, place)) {
49	    e.originalEvent.dataTransfer.dropEffect = "copy";
50	} else {
51	    e.originalEvent.dataTransfer.dropEffect = "none";
52	}
53    }
54
55    // ドラッグ中にタグ内に移動した。
56    function dragEnter(e) {
57
58	// ドラッグ中以外は無視
59	if (draggingItem === undefined) {
60	    return;
61	}
62
63	const data = $(draggingItem);
64	const place = $(this);
65
66
67	if (!place.is(parameters.draggableSelector) && droppableGroup(data, place)) {
68	    // マウスの当たっている箇所にクラスを設定する。
69	    //place.find(parameters.draggableSelector).hide();
70	    place.addClass(parameters.dragOverClass);
71	}
72    }
73
74    // ドラッグ中にタグ外に移動した。
75    function dragLeave(e) {
76	// ドラッグ中以外は無視
77	if (draggingItem === undefined) {
78	    return;
79	}
80
81	const data = $(draggingItem);
82	const place = $(this);
83
84	if (!place.is(parameters.draggableSelector) && droppableGroup(data, place)) {
85	    // マウスの当たっている箇所用クラスを外す。
86	    //place.find(parameters.draggableSelector).show();
87	    place.removeClass(parameters.dragOverClass);
88	}
89    }
90
91    // ドロップ
92    function drop(e) {
93	e.preventDefault();
94
95	if (draggingItem === undefined) {
96	    return;
97	}
98
99	const data = $(draggingItem);
100	const place = $(this);
101
102	if (droppableGroup(data, place)) {
103	    // ドラッグ中のタグをドロップ先に設定
104
105	    // 元データからコピーし、イベントを追加
106	    const newData = data.clone()
107				.prop('draggable', true) // ドラッグ許可
108				.on('dragstart', dragStart) // ドラッグ開始
109				.on('dragend', dragEnd)
110				.on('dragover', function() {})
111				.on('dragenter', dragEnter)
112				.on('dragleave', dragLeave)
113	    ;
114
115
116	    $(this).empty().append(newData); // コピーしたタグ情報をドロップ先に追加
117
118	    // ドロップ先からの移動の場合、元のタグは削除
119	    if (data.parent().is(parameters.droppableSelector)) {
120		data.remove();
121	    }
122	}
123
124	// マウス形状の設定を初期化
125	e.originalEvent.dataTransfer.dropEffect = "";
126
127	// マウスの当たっている箇所用クラスを外す。
128	$('.'+parameters.dragOverClass).removeClass(parameters.dragOverClass);
129	draggingItem = undefined;
130    }
131
132
133    $(parameters.draggableSelector)
134	.prop('draggable', true)       // ドラッグ許可
135	.on('dragstart', dragStart)    // ドラッグ開始
136	.on('dragend', dragEnd)        // ドラッグ終了
137	.on('dragover', function() {}) // ドラッグ移動中
138	.on('dragenter', dragEnter)    // ドラッグ中にタグ内に移動した。
139	.on('dragleave', dragLeave)    // ドラッグ中にタグ外に移動した。
140    ;
141
142    $(parameters.droppableSelector)
143	.on('dragover', dragOver)   // ドラッグ移動中
144	.on('dragenter', dragEnter) // ドラッグ中にタグ内に移動した。
145	.on('dragleave', dragLeave) // ドラッグ中にタグ外に移動した。
146	.on('drop', drop);          // ドロップ
147
148}

###VehicleDispatchSchedule.js
'''javascript
$(function() {

let vehicledispatchscheduleModel = function(){
	let self = this;

	self.carData = [a, b, c, d, e]

	initializeDragAndDrop({
		draggableSelector: '.draggable-item',
		droppableSelector: '.droppable-place',
		dragOverClass: 'drop-place-focus',
		groupData: 'dandd-group',
	},);
}

ko.applyBindings(new vehicledispatchscheduleModel());

});
'''
###vehicle_dispatch_schedule.css

css
1.placement{
2	display: flex;
3	flex-direction: row;
4}
5.driver_column{
6	width: 16%;
7	text-align: center;
8	font-size: 96%;
9}
10.outer_frame{
11	border: solid 1.5px;
12}

補足情報（FW/ツールのバージョンなど）

足りない情報がありましたら、コメントにお願いします。

m.ts10806

2021/02/12 03:49

提示タグだけではHTMLとして提示されている部分が再現できません。 HTMLはブラウザに表示されたものを提示していただけませんか？

kuuhaku4262

2021/02/12 04:26

画面で右クリックをして、「ページのソースを表示」をクリックした後に出てくるHTMLのことでしょうか？

m.ts10806

2021/02/12 04:32

はい。 >echo $this->Html->script('knockout.js',array('inline' => false)); とか書いてあってもタグにも質問内容にも言及されてないですし、「jqueryのonメソッドのdragoverイベントが動かない」を解決するために必須要件でないのなら関係ない要素は排除しないとアドバイスする方も手を出しにくいです。

kuuhaku4262

2021/02/12 05:34

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> 配車遅延管理システム: VehicleDispatchSchedules </title> <link href="/delivery-timetable/favicon.ico?1611627984" type="image/x-icon" rel="icon" /><link href="/delivery-timetable/favicon.ico?1611627984" type="image/x-icon" rel="shortcut icon" /><link rel="stylesheet" type="text/css" href="/delivery-timetable/css/cake.generic.css?1611627984" /><link rel="stylesheet" type="text/css" href="/delivery-timetable/css/deliverySchedule.css?1612926736" /><script type="text/javascript" src="/delivery-timetable/js/jquery.min.js?1611627984"></script><link rel="stylesheet" type="text/css" href="/delivery-timetable/css/vehicle_dispatch_schedule.css?1612926736" /><script type="text/javascript" src="/delivery-timetable/js/knockout.js?1611627984"></script><script type="text/javascript" src="/delivery-timetable/js/knockout.mapping.js?1573618189"></script><script type="text/javascript" src="/delivery-timetable/js/VehicleDispatchSchedule.js?1612927473"></script><script type="text/javascript" src="/delivery-timetable/js/drag_and_drop.js?1613100418"></script> <link rel="stylesheet" type="text/css" href="/delivery-timetable/debug_kit/css/debug_toolbar.css?1611627984" /> <script type="text/javascript"> //<![CDATA[ window.DEBUGKIT_JQUERY_URL = "/delivery-timetable/debug_kit/js/jquery.js"; //]]> </script><script type="text/javascript" src="/delivery-timetable/debug_kit/js/js_debug_toolbar.js?1611627984"></script> </head> <body> <div class="space_removal"> <div id="content"> <div> <div class="placement"> <table style="border: 1px solid; width: 10rem">  <tbody> <tr style="height: 3rem;"> <td class="driver_column droppable-place" style="border: 1px solid;"></td> </tr> </tbody>  </table> <table class="outer_frame" style="width: 3rem"> <tr> <td class="draggable-item item" data-dandd-group="driver">佐藤<br><input class="item_input"></td> </tr> </table> </div> </div> </div>  </div> <div id="debug-kit-toolbar"> <ul id="panel-tabs"> <li class="panel-tab icon"> <a href="#hide" id="hide-toolbar"> <img src="/delivery-timetable/debug_kit/img/cake.icon.png?1611627984" alt="CakePHP" /> </a> </li> <li class="panel-tab"> <a href="#history">History</a> <div class="panel-content" id="history-tab"> <a href="#" class="panel-toggle ui-control ui-button">+</a> <div class="panel-resize-region"> <div class="panel-content-data"> <h2> Request History</h2> 4 previous requests available <ul class="history-list"> <li><a href="#" class="history-link" id="history-restore-current">Restore to current request</a> </li> <li><a href="/delivery-timetable/debug_kit/toolbar_access/history_state/1" class="history-link">VehicleDispatchSchedules</a></li> <li><a href="/delivery-timetable/debug_kit/toolbar_access/history_state/2" class="history-link">VehicleDispatchSchedules</a></li> <li><a href="/delivery-timetable/debug_kit/toolbar_access/history_state/3" class="history-link">VehicleDispatchSchedules</a></li> <li><a href="/delivery-timetable/debug_kit/toolbar_access/history_state/4" class="history-link">VehicleDispatchSchedules</a></li> </ul> </div> <div class="panel-content-data panel-history" id="history-history">  </div> </div> <div class="panel-resize-handle ui-control">====</div> </div> </li> <li class="panel-tab"> <a href="#session">Session</a> <div class="panel-content" id="session-tab"> <a href="#" class="panel-toggle ui-control ui-button">+</a> <div class="panel-resize-region"> <div class="panel-content-data"> <h2>Session</h2> <ul class="neat-array depth-0"><li><strong>Config</strong>(array)<ul class="neat-array depth-1"><li><strong>userAgent</strong>01d88ea4c71b486f7ba966d405ff84c2</li><li><strong>time</strong>3505267839</li><li><strong>countdown</strong>10</li></ul></li><li><strong>access-token</strong>(array)<ul class="neat-array depth-1"><li><strong>prev</strong>57c073d150d8bcb3dc7bda68ecff1ce2f3812ec8cebc14d0082c10205e85b9a88969490a2b095641a80b903a5bb8b5f6906d16a9422ca7d287058ea0a98a828f</li><li><strong>new</strong>7e9744a81c679d9d55ad8297e794bc01f232a2a5c1680c779673d35f6293cabb53b4e985b4928571cc1ffe6613e152a71eeae78b5d3cbe0c2221acc4c05c2f64</li></ul></li></ul> </div> <div class="panel-content-data panel-history" id="session-history">  </div> </div> <div class="panel-resize-handle ui-control">====</div> </div> </li> <li class="panel-tab"> <a href="#request">Request</a> <div class="panel-content" id="request-tab"> <a href="#" class="panel-toggle ui-control ui-button">+</a> <div class="panel-resize-region"> <div class="panel-content-data"> <h2> Request</h2> <h4>Cake Params</h4> <ul class="neat-array depth-0"><li><strong>plugin</strong>(null)</li><li><strong>controller</strong>VehicleDispatchSchedules</li><li><strong>action</strong>index</li><li><strong>named</strong>(empty)</li><li><strong>pass</strong>(empty)</li></ul> <h4>Post data</h4> <p class="info">No post data.</p> <h4>Query string</h4> <p class="info">No querystring data.</p> <h4>Cookie</h4> <p class="info">To view Cookies, add CookieComponent to Controller</p> <h4>Current Route</h4> <ul class="neat-array depth-0"><li><strong>keys</strong>(array)<ul class="neat-array depth-1"><li><strong>0</strong>controller</li></ul></li><li><strong>options</strong>(empty)</li><li><strong>defaults</strong>(array)<ul class="neat-array depth-1"><li><strong>action</strong>index</li><li><strong>plugin</strong>(null)</li></ul></li><li><strong>template</strong>/:controller</li></ul> </div> <div class="panel-content-data panel-history" id="request-history">  </div> </div> <div class="panel-resize-handle ui-control">====</div> </div> </li> <li class="panel-tab"> <a href="#sql_log">Sql Log</a> <div class="panel-content" id="sql_log-tab"> <a href="#" class="panel-toggle ui-control ui-button">+</a> <div class="panel-resize-region"> <div class="panel-content-data"> <h2>Sql Logs</h2> <p><strong>Warning</strong> No active database connections</p> </div> <div class="panel-content-data panel-history" id="sql_log-history">  </div> </div> <div class="panel-resize-handle ui-control">====</div> </div> </li> <li class="panel-tab"> <a href="#timer">Timer</a> <div class="panel-content" id="timer-tab"> <a href="#" class="panel-toggle ui-control ui-button">+</a> <div class="panel-resize-region"> <div class="panel-content-data"> <div class="debug-info"> <h2>Memory</h2> <div class="peak-mem-use"> <p><strong>Peak Memory Use</strong> 4.35 MB</p> </div> <table class="debug-table"><tr><th>Message</th> <th>Memory use</th></tr><tr class="odd"><td>Component initialization</td> <td>2.71 MB</td></tr> <tr class="even"><td>Controller action start</td> <td>2.91 MB</td></tr> <tr class="odd"><td>Controller render start</td> <td>2.96 MB</td></tr> <tr class="even"><td>View render complete</td> <td>4.15 MB</td></tr></table></div>

kuuhaku4262

2021/02/12 05:34

<div class="debug-info debug-timers"> <h2>Timers</h2> <div class="request-time"> <p><strong>Total Request Time:</strong> 143 (ms)</p> </div> <table class="debug-table"><tr><th>Message</th> <th>Time in ms</th> <th>Graph</th></tr><tr class="odd"><td>Core Processing (Derived from $_SERVER["REQUEST_TIME"])</td> <td>64.17</td> <td><div style="width: 350px;" class="debug-kit-graph-bar"><div style="margin-left: 0px; width: 158px" title="Starting 0.00ms into the request, taking 64.17ms" class="debug-kit-graph-bar-value"> </div></div></td></tr> <tr class="even"><td>Event: Controller.initialize</td> <td>2.02</td> <td><div style="width: 350px;" class="debug-kit-graph-bar"><div style="margin-left: 158px; width: 5px" title="Starting 64.17ms into the request, taking 2.02ms" class="debug-kit-graph-bar-value"> </div></div></td></tr> <tr class="odd"><td>Event: Controller.startup</td> <td>1.96</td> <td><div style="width: 350px;" class="debug-kit-graph-bar"><div style="margin-left: 163px; width: 5px" title="Starting 66.38ms into the request, taking 1.96ms" class="debug-kit-graph-bar-value"> </div></div></td></tr> <tr class="even"><td>Controller action</td> <td>0.36</td> <td><div style="width: 350px;" class="debug-kit-graph-bar"><div style="margin-left: 167px; width: 1px" title="Starting 68.18ms into the request, taking 0.36ms" class="debug-kit-graph-bar-value"> </div></div></td></tr> <tr class="odd"><td>Event: Controller.beforeRender</td> <td>16.27</td> <td><div style="width: 350px;" class="debug-kit-graph-bar"><div style="margin-left: 168px; width: 40px" title="Starting 68.46ms into the request, taking 16.27ms" class="debug-kit-graph-bar-value"> </div></div></td></tr> <tr class="even"><td> » Processing toolbar data</td> <td>15.93</td> <td><div style="width: 350px;" class="debug-kit-graph-bar"><div style="margin-left: 168px; width: 39px" title="Starting 68.61ms into the request, taking 15.93ms" class="debug-kit-graph-bar-value"> </div></div></td></tr> <tr class="odd"><td>Rendering View</td> <td>18.14</td> <td><div style="width: 350px;" class="debug-kit-graph-bar"><div style="margin-left: 233px; width: 45px" title="Starting 95.10ms into the request, taking 18.14ms" class="debug-kit-graph-bar-value"> </div></div></td></tr> <tr class="even"><td> » Event: View.beforeRender</td> <td>0.16</td> <td><div style="width: 350px;" class="debug-kit-graph-bar"><div style="margin-left: 238px; width: 1px" title="Starting 97.11ms into the request, taking 0.16ms" class="debug-kit-graph-bar-value"> </div></div></td></tr> <tr class="odd"><td> » Rendering APP\View\VehicleDispatchSchedules\index.ctp</td> <td>6.37</td> <td><div style="width: 350px;" class="debug-kit-graph-bar"><div style="margin-left: 239px; width: 16px" title="Starting 97.53ms into the request, taking 6.37ms" class="debug-kit-graph-bar-value"> </div></div></td></tr> <tr class="even"><td> » Event: View.afterRender</td> <td>0.14</td> <td><div style="width: 350px;" class="debug-kit-graph-bar"><div style="margin-left: 255px; width: 1px" title="Starting 104.02ms into the request, taking 0.14ms" class="debug-kit-graph-bar-value"> </div></div></td></tr> <tr class="odd"><td> » Event: View.beforeLayout</td> <td>0.13</td> <td><div style="width: 350px;" class="debug-kit-graph-bar"><div style="margin-left: 256px; width: 1px" title="Starting 104.44ms into the request, taking 0.13ms" class="debug-kit-graph-bar-value"> </div></div></td></tr> <tr class="even"><td> » Rendering APP\View\Layouts\deliverySchedule.ctp</td> <td>8.02</td> <td><div style="width: 350px;" class="debug-kit-graph-bar"><div style="margin-left: 257px; width: 20px" title="Starting 104.86ms into the request, taking 8.02ms" class="debug-kit-graph-bar-value"> </div></div></td></tr> <tr class="odd"><td>Event: View.afterLayout</td> <td>0.00</td> <td><div style="width: 350px;" class="debug-kit-graph-bar"><div style="margin-left: 278px; width: 1px" title="Starting 113.10ms into the request, taking 0.00ms" class="debug-kit-graph-bar-value"> </div></div></td></tr></table></div> </div> <div class="panel-content-data panel-history" id="timer-history">  </div> </div> <div class="panel-resize-handle ui-control">====</div> </div> </li> <li class="panel-tab"> <a href="#log">Log</a> <div class="panel-content" id="log-tab"> <a href="#" class="panel-toggle ui-control ui-button">+</a> <div class="panel-resize-region"> <div class="panel-content-data"> <h2>Logs</h2> <div class="code-table"> <p class="info">There were no log entries made this request</p> </div> </div> <div class="panel-content-data panel-history" id="log-history">  </div> </div> <div class="panel-resize-handle ui-control">====</div> </div> </li> <li class="panel-tab"> <a href="#variables">Variables</a> <div class="panel-content" id="variables-tab"> <a href="#" class="panel-toggle ui-control ui-button">+</a> <div class="panel-resize-region"> <div class="panel-content-data"> <h2> View Variables</h2> <ul class="neat-array depth-0"><li><strong>$request->data</strong>(empty)</li><li><strong>$this->validationErrors</strong>(empty)</li><li><strong>Loaded Helpers</strong>(array)<ul class="neat-array depth-1"><li><strong>0</strong>Form</li><li><strong>1</strong>Number</li><li><strong>2</strong>SimpleGraph</li><li><strong>3</strong>DebugTimer</li><li><strong>4</strong>Toolbar</li><li><strong>5</strong>Html</li><li><strong>6</strong>Session</li><li><strong>7</strong>HtmlToolbar</li></ul></li></ul> </div> <div class="panel-content-data panel-history" id="variables-history">  </div> </div> <div class="panel-resize-handle ui-control">====</div> </div> </li> <li class="panel-tab"> <a href="#environment">Environment</a> <div class="panel-content" id="environment-tab"> <a href="#" class="panel-toggle ui-control ui-button">+</a> <div class="panel-resize-region"> <div class="panel-content-data"> <h2>App Constants</h2>

kuuhaku4262

2021/02/12 05:35

<table class="debug-table"><tr><th>Constant</th> <th>Value</th></tr><tr class="odd"><td>USER_INFO_KEY</td> <td>user.info</td></tr> <tr class="even"><td>HAISHA_TABLE_TIME_KEY</td> <td>HaishaTable.updateTime</td></tr> <tr class="odd"><td>HAISHA_TABLE_UPDATE_NOTICE_KEY</td> <td>HaishaTable.updatedNoticeTime</td></tr> <tr class="even"><td>HAISHA_TABLE_DATE_KEY</td> <td>HaishaTable.viewDate</td></tr> <tr class="odd"><td>ACCESS_LV_ALL</td> <td>-1</td></tr> <tr class="even"><td>ACCESS_LV_USER</td> <td>0</td></tr> <tr class="odd"><td>ACCESS_LV_ADMIN</td> <td>1</td></tr> <tr class="even"><td>ACCESS_LV_JISSEKI_ADMIN</td> <td>2</td></tr> <tr class="odd"><td>ACCESS_LV_SHOW_UNG</td> <td>3</td></tr> <tr class="even"><td>ACCESS_LV_SHOW_S</td> <td>4</td></tr> <tr class="odd"><td>ACCESS_LV_SHOW_UND</td> <td>5</td></tr> <tr class="even"><td>ACCESS_LV_SUBCONTRACT</td> <td>6</td></tr> <tr class="odd"><td>COMPANY_TYPE_UNIVERSE</td> <td>0</td></tr> <tr class="even"><td>COMPANY_TYPE_SUNDAY</td> <td>1</td></tr> <tr class="odd"><td>DELIVERY_TYPE_GROCARY</td> <td>0</td></tr> <tr class="even"><td>DELIVERY_TYPE_PERISHABLE</td> <td>1</td></tr> <tr class="odd"><td>DELIVERY_BIN_MAX</td> <td>4</td></tr> <tr class="even"><td>DELIVERY_STORE_PER_BIN_MAX</td> <td>4</td></tr> <tr class="odd"><td>CAR_KBN_MINE</td> <td>0</td></tr> <tr class="even"><td>CAR_KBN_SUPPORT</td> <td>1</td></tr> <tr class="odd"><td>CAR_KBN_SPOT</td> <td>2</td></tr> <tr class="even"><td>KODOKBN_WAKE_UP</td> <td>0</td></tr> <tr class="odd"><td>KODOKBN_ARRIVE_STORE</td> <td>1</td></tr> <tr class="even"><td>KODOKBN_OUTPUT_STORE</td> <td>2</td></tr> <tr class="odd"><td>KODOKBN_DEPURTURE_STORE</td> <td>3</td></tr> <tr class="even"><td>KODOKBN_START_LOADING</td> <td>4</td></tr> <tr class="odd"><td>KODOKBN_DEPURTURE_CENTER</td> <td>5</td></tr> <tr class="even"><td>HOKOKUNAIYO_START_LOADING</td> <td>1</td></tr> <tr class="odd"><td>HOKOKUNAIYO_DEPURTURE_CENTER</td> <td>2</td></tr> <tr class="even"><td>HOKOKUNAIYO_ARRIVAL_TIME</td> <td>3</td></tr> <tr class="odd"><td>HOKOKUNAIYO_PREV_STORE</td> <td>4</td></tr> <tr class="even"><td>JISSEKI_TMP</td> <td>C:\xampp\htdocs\delivery-timetable\app\tmp\jisseki\</td></tr> <tr class="odd"><td>LOCK_FILE</td> <td>C:\xampp\htdocs\delivery-timetable\app\tmp\jisseki\lock</td></tr> <tr class="even"><td>CENTER_KBN_GROCARY</td> <td>0</td></tr> <tr class="odd"><td>CENTER_KBN_PERISHABLE</td> <td>1</td></tr> <tr class="even"><td>CENTER_KBN_HACHINOHE</td> <td>2</td></tr> <tr class="odd"><td>CENTER_KBN_KANEGASAKI</td> <td>3</td></tr> <tr class="even"><td>CENTER_KBN_HAKUSANDAI</td> <td>4</td></tr> <tr class="odd"><td>TYPE_KBN_GROCARY</td> <td>0</td></tr> <tr class="even"><td>TYPE_KBN_PERISHABLE</td> <td>1</td></tr> <tr class="odd"><td>TYPE_KBN_NONE</td> <td>2</td></tr> <tr class="even"><td>BIN_KBN_UNDISPLAY</td> <td>-1</td></tr> <tr class="odd"><td>BIN_KBN_NONE</td> <td>0</td></tr> <tr class="even"><td>BIN_KBN_TEIBAN</td> <td>1</td></tr> <tr class="odd"><td>BIN_KBN_TIRASHI</td> <td>2</td></tr> <tr class="even"><td>BIN_KBN_MORNING_TEIBAN</td> <td>3</td></tr> <tr class="odd"><td>BIN_KBN_TODAY_TEIBAN</td> <td>4</td></tr> <tr class="even"><td>MENU_VIEW_TYPE_A</td> <td>1</td></tr> <tr class="odd"><td>MENU_VIEW_TYPE_B</td> <td>2</td></tr> <tr class="even"><td>SHOW_MESSAGE_LEVEL</td> <td>5</td></tr> <tr class="odd"><td>STORE_TIME_KBN_NONE</td> <td>0</td></tr> <tr class="even"><td>STORE_TIME_KBN_ARRIVED</td> <td>1</td></tr> <tr class="odd"><td>STORE_TIME_KBN_DONE</td> <td>2</td></tr> <tr class="even"><td>STORE_TIME_KBN_OVER</td> <td>3</td></tr> <tr class="odd"><td>SWITCHING_TYPE_VIEW_1_2</td> <td>0</td></tr> <tr class="even"><td>SWITCHING_TYPE_VIEW_2_34</td> <td>1</td></tr> <tr class="odd"><td>SWITCHING_TYPE_CENTER</td> <td>0</td></tr> <tr class="even"><td>SWITCHING_TYPE_STORE</td> <td>1</td></tr> <tr class="odd"><td>EMPTY_TYPE_ID</td> <td>3</td></tr> <tr class="even"><td>UND_EXCEL_NORMAL</td> <td>1</td></tr> <tr class="odd"><td>UND_EXCEL_HOLIDAY</td> <td>2</td></tr> <tr class="even"><td>UND_EXCEL_WINTER</td> <td>3</td></tr> <tr class="odd"><td>HOLIDAY_MEMBER_MAX</td> <td>20</td></tr> <tr class="even"><td>SUBMANAGER_MAX</td> <td>3</td></tr> <tr class="odd"><td>HAISHA_TABLE_COLUMN_LENGTH</td> <td>15</td></tr> <tr class="even"><td>HAISHA_TABLE_OTHER_WORK_LENGTH</td> <td>45</td></tr> <tr class="odd"><td>EXTENSION_TIME_NORMAL</td> <td>15</td></tr> <tr class="even"><td>EXTENSION_TIME_WINTER</td> <td>30</td></tr> <tr class="odd"><td>DOLLY_KBN_NORMAL</td> <td>0</td></tr> <tr class="even"><td>DOLLY_KBN_EGG</td> <td>1</td></tr></table>

kuuhaku4262

2021/02/12 05:36

<h2>CakePHP Constants</h2> <table class="debug-table"><tr><th>Constant</th> <th>Value</th></tr><tr class="odd"><td>APP</td> <td>C:\xampp\htdocs\delivery-timetable\app\</td></tr> <tr class="even"><td>APP_DIR</td> <td>app</td></tr> <tr class="odd"><td>APPLIBS</td> <td>C:\xampp\htdocs\delivery-timetable\app\Lib\</td></tr> <tr class="even"><td>CACHE</td> <td>C:\xampp\htdocs\delivery-timetable\app\tmp\cache\</td></tr> <tr class="odd"><td>CAKE</td> <td>C:\xampp\htdocs\delivery-timetable\lib\Cake\</td></tr> <tr class="even"><td>CAKE_CORE_INCLUDE_PATH</td> <td>C:\xampp\htdocs\delivery-timetable\lib</td></tr> <tr class="odd"><td>CORE_PATH</td> <td>C:\xampp\htdocs\delivery-timetable\lib\</td></tr> <tr class="even"><td>CAKE_VERSION</td> <td>2.4.10</td></tr> <tr class="odd"><td>CSS</td> <td>C:\xampp\htdocs\delivery-timetable\app\webroot\css\</td></tr> <tr class="even"><td>CSS_URL</td> <td>css/</td></tr> <tr class="odd"><td>DS</td> <td>\</td></tr> <tr class="even"><td>FULL_BASE_URL</td> <td>http://localhost</td></tr> <tr class="odd"><td>IMAGES</td> <td>C:\xampp\htdocs\delivery-timetable\app\webroot\img\</td></tr> <tr class="even"><td>IMAGES_URL</td> <td>img/</td></tr> <tr class="odd"><td>JS</td> <td>C:\xampp\htdocs\delivery-timetable\app\webroot\js\</td></tr> <tr class="even"><td>JS_URL</td> <td>js/</td></tr> <tr class="odd"><td>LOGS</td> <td>C:\xampp\htdocs\delivery-timetable\app\tmp\logs\</td></tr> <tr class="even"><td>ROOT</td> <td>C:\xampp\htdocs\delivery-timetable</td></tr> <tr class="odd"><td>TESTS</td> <td>C:\xampp\htdocs\delivery-timetable\app\Test\</td></tr> <tr class="even"><td>TMP</td> <td>C:\xampp\htdocs\delivery-timetable\app\tmp\</td></tr> <tr class="odd"><td>VENDORS</td> <td>C:\xampp\htdocs\delivery-timetable\vendors\</td></tr> <tr class="even"><td>WEBROOT_DIR</td> <td>webroot</td></tr> <tr class="odd"><td>WWW_ROOT</td> <td>C:\xampp\htdocs\delivery-timetable\app\webroot\</td></tr></table> <h2>PHP Environment</h2> <table class="debug-table"><tr><th>Environment Variable</th> <th>Value</th></tr><tr class="odd"><td>Php Version</td> <td>5.6.37</td></tr> <tr class="even"><td>Redirect Redirect Mibdirs</td> <td>C:/xampp/php/extras/mibs</td></tr> <tr class="odd"><td>Redirect Redirect Mysql Home</td> <td>\xampp\mysql\bin</td></tr> <tr class="even"><td>Redirect Redirect Openssl Conf</td> <td>C:/xampp/apache/bin/openssl.cnf</td></tr> <tr class="odd"><td>Redirect Redirect Php Pear Sysconf Dir</td> <td>\xampp\php</td></tr> <tr class="even"><td>Redirect Redirect Phprc</td> <td>\xampp\php</td></tr> <tr class="odd"><td>Redirect Redirect Tmp</td> <td>\xampp\tmp</td></tr> <tr class="even"><td>Redirect Redirect Status</td> <td>200</td></tr> <tr class="odd"><td>Redirect Mibdirs</td> <td>C:/xampp/php/extras/mibs</td></tr> <tr class="even"><td>Redirect Mysql Home</td> <td>\xampp\mysql\bin</td></tr> <tr class="odd"><td>Redirect Openssl Conf</td> <td>C:/xampp/apache/bin/openssl.cnf</td></tr> <tr class="even"><td>Redirect Php Pear Sysconf Dir</td> <td>\xampp\php</td></tr> <tr class="odd"><td>Redirect Phprc</td> <td>\xampp\php</td></tr> <tr class="even"><td>Redirect Tmp</td> <td>\xampp\tmp</td></tr> <tr class="odd"><td>Redirect Status</td> <td>200</td></tr> <tr class="even"><td>Mibdirs</td> <td>C:/xampp/php/extras/mibs</td></tr> <tr class="odd"><td>Mysql Home</td> <td>\xampp\mysql\bin</td></tr> <tr class="even"><td>Openssl Conf</td> <td>C:/xampp/apache/bin/openssl.cnf</td></tr> <tr class="odd"><td>Php Pear Sysconf Dir</td> <td>\xampp\php</td></tr> <tr class="even"><td>Phprc</td> <td>\xampp\php</td></tr> <tr class="odd"><td>Tmp</td> <td>\xampp\tmp</td></tr> <tr class="even"><td>Http Host</td> <td>localhost</td></tr> <tr class="odd"><td>Http Connection</td> <td>keep-alive</td></tr> <tr class="even"><td>Http Cache Control</td> <td>max-age=0</td></tr> <tr class="odd"><td>Http Upgrade Insecure Requests</td> <td>1</td></tr> <tr class="even"><td>Http User Agent</td> <td>Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.150 Safari/537.36</td></tr> <tr class="odd"><td>Http Accept</td> <td>text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9</td></tr> <tr class="even"><td>Http Sec Fetch Site</td> <td>none</td></tr> <tr class="odd"><td>Http Sec Fetch Mode</td> <td>navigate</td></tr> <tr class="even"><td>Http Sec Fetch User</td> <td>?1</td></tr> <tr class="odd"><td>Http Sec Fetch Dest</td> <td>document</td></tr> <tr class="even"><td>Http Accept Encoding</td> <td>gzip, deflate, br</td></tr> <tr class="odd"><td>Http Accept Language</td> <td>ja,en-US;q=0.9,en;q=0.8</td></tr> <tr class="even"><td>Http Cookie</td> <td>toolbarDisplay=hide; CAKEPHP=466u95g1h5em312levod15c1l0</td></tr> <tr class="odd"><td>Path</td> <td>C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;C:\Program Files\Intel\WiFi\bin\;C:\Program Files\Common Files\Intel\WirelessCommon\;C:\Program Files\TortoiseGit\bin;C:\Program Files\Git\cmd;C:\Program Files\nodejs\;C:\Program Files (x86)\Intel\Intel(R) Management Engine Components\DAL;C:\Program Files\Intel\Intel(R) Management Engine Components\DAL;C:\Users\sakai\AppData\Local\Microsoft\WindowsApps;;C:\Users\sakai\AppData\Local\Programs\Microsoft VS Code\bin;C:\Users\sakai\AppData\Roaming\npm</td></tr>

kuuhaku4262

2021/02/12 05:36

<tr class="even"><td>Systemroot</td> <td>C:\WINDOWS</td></tr> <tr class="odd"><td>Comspec</td> <td>C:\WINDOWS\system32\cmd.exe</td></tr> <tr class="even"><td>Pathext</td> <td>.COM;.EXE;.BAT;.CMD;.VBS;.VBE;.JS;.JSE;.WSF;.WSH;.MSC</td></tr> <tr class="odd"><td>Windir</td> <td>C:\WINDOWS</td></tr> <tr class="even"><td>Server Signature</td> <td><address>Apache/2.4.34 (Win32) OpenSSL/1.0.2o PHP/5.6.37 Server at localhost Port 80</address> </td></tr> <tr class="odd"><td>Server Software</td> <td>Apache/2.4.34 (Win32) OpenSSL/1.0.2o PHP/5.6.37</td></tr> <tr class="even"><td>Server Name</td> <td>localhost</td></tr> <tr class="odd"><td>Server Addr</td> <td>::1</td></tr> <tr class="even"><td>Server Port</td> <td>80</td></tr> <tr class="odd"><td>Remote Addr</td> <td>::1</td></tr> <tr class="even"><td>Document Root</td> <td>C:/xampp/htdocs</td></tr> <tr class="odd"><td>Request Scheme</td> <td>http</td></tr> <tr class="even"><td>Context Prefix</td> <td></td></tr> <tr class="odd"><td>Context Document Root</td> <td>C:/xampp/htdocs</td></tr> <tr class="even"><td>Server Admin</td> <td>postmaster@localhost</td></tr> <tr class="odd"><td>Script Filename</td> <td>C:/xampp/htdocs/delivery-timetable/app/webroot/index.php</td></tr> <tr class="even"><td>Remote Port</td> <td>50810</td></tr> <tr class="odd"><td>Redirect Url</td> <td>/delivery-timetable/app/webroot/VehicleDispatchSchedules</td></tr> <tr class="even"><td>Gateway Interface</td> <td>CGI/1.1</td></tr> <tr class="odd"><td>Server Protocol</td> <td>HTTP/1.1</td></tr> <tr class="even"><td>Request Method</td> <td>GET</td></tr> <tr class="odd"><td>Query String</td> <td></td></tr> <tr class="even"><td>Request Uri</td> <td>/delivery-timetable/VehicleDispatchSchedules</td></tr> <tr class="odd"><td>Script Name</td> <td>/delivery-timetable/app/webroot/index.php</td></tr> <tr class="even"><td>Php Self</td> <td>/delivery-timetable/app/webroot/index.php</td></tr> <tr class="odd"><td>Request Time Float</td> <td>1613107839.435</td></tr> <tr class="even"><td>Request Time</td> <td>1613107839</td></tr></table> </div> <div class="panel-content-data panel-history" id="environment-history">  </div> </div> <div class="panel-resize-handle ui-control">====</div> </div> </li> <li class="panel-tab"> <a href="#include">Include</a> <div class="panel-content" id="include-tab"> <a href="#" class="panel-toggle ui-control ui-button">+</a> <div class="panel-resize-region"> <div class="panel-content-data"> <h2> Included Files</h2> <h4>Include Paths</h4> <ul class="neat-array depth-0"><li><strong>0</strong>C:\xampp\htdocs\delivery-timetable\lib</li><li><strong>1</strong>C:\xampp\php\PEAR</li><li><strong>2</strong>-> C:\xampp\htdocs\delivery-timetable\lib\Cake\</li></ul> <h4>Included Files</h4> <ul class="neat-array depth-0"><li><strong>core</strong>(array)<ul class="neat-array depth-1"><li><strong>Other</strong>(array)<ul class="neat-array depth-2"><li><strong>0</strong>CORE/bootstrap.php</li><li><strong>1</strong>CORE/basics.php</li><li><strong>2</strong>CORE/Core\App.php</li><li><strong>3</strong>CORE/Error\exceptions.php</li><li><strong>4</strong>CORE/Core\Configure.php</li><li><strong>5</strong>CORE/Utility\Hash.php</li><li><strong>6</strong>CORE/Cache\Cache.php</li><li><strong>7</strong>CORE/Cache\Engine\FileEngine.php</li><li><strong>8</strong>CORE/Cache\CacheEngine.php</li><li><strong>9</strong>CORE/Utility\Inflector.php</li><li><strong>10</strong>CORE/Error\ErrorHandler.php</li><li><strong>11</strong>CORE/Log\CakeLog.php</li><li><strong>12</strong>CORE/Log\LogEngineCollection.php</li><li><strong>13</strong>CORE/Utility\ObjectCollection.php</li><li><strong>14</strong>CORE/Log\Engine\FileLog.php</li><li><strong>15</strong>CORE/Log\Engine\BaseLog.php</li><li><strong>16</strong>CORE/Log\CakeLogInterface.php</li><li><strong>17</strong>CORE/Core\CakePlugin.php</li><li><strong>18</strong>CORE/Utility\Debugger.php</li><li><strong>19</strong>CORE/Utility\String.php</li><li><strong>20</strong>CORE/Routing\Dispatcher.php</li><li><strong>21</strong>CORE/Event\CakeEventListener.php</li><li><strong>22</strong>CORE/Network\CakeRequest.php</li><li><strong>23</strong>CORE/Network\CakeResponse.php</li><li><strong>24</strong>CORE/Event\CakeEvent.php</li><li><strong>25</strong>CORE/Event\CakeEventManager.php</li><li><strong>26</strong>CORE/Routing\Filter\AssetDispatcher.php</li><li><strong>27</strong>CORE/Routing\DispatcherFilter.php</li><li><strong>28</strong>CORE/Routing\Filter\CacheDispatcher.php</li><li><strong>29</strong>CORE/Routing\Router.php</li><li><strong>30</strong>CORE/Routing\Route\CakeRoute.php</li><li><strong>31</strong>CORE/Config\routes.php</li><li><strong>32</strong>CORE/Routing\Route\PluginShortRoute.php</li><li><strong>33</strong>CORE/Controller\Controller.php</li><li><strong>34</strong>CORE/Core\Object.php</li><li><strong>35</strong>CORE/Controller\ComponentCollection.php</li><li><strong>36</strong>CORE/Controller\Component\SessionComponent.php</li><li><strong>37</strong>CORE/Controller\Component.php</li><li><strong>38</strong>CORE/I18n\I18n.php</li><li><strong>39</strong>CORE/I18n\L10n.php</li><li><strong>40</strong>CORE/Model\Datasource\CakeSession.php</li><li><strong>41</strong>CORE/Utility\Security.php</li><li><strong>42</strong>CORE/View\HelperCollection.php</li><li><strong>43</strong>CORE/Config\config.php</li></ul></li></ul></li><li><strong>app</strong>(array)<ul class="neat-array depth-1"><li><strong>Other</strong>(array)<ul class="neat-array depth-2"><li><strong>0</strong>APP/webroot\index.php</li><li><strong>1</strong>APP/Config\core.php</li><li><strong>2</strong>APP/Config\bootstrap.php</li><li><strong>3</strong>APP/Config\routes.php</li><li><strong>4</strong>APP/Controller\VehicleDispatchSchedulesController.php</li><li><strong>5</strong>APP/Controller\AppController.php</li><li><strong>6</strong>APP/Vendor\Array.php</li><li><strong>7</strong>APP/Vendor\Common.php</li><li><strong>8</strong>APP/Controller\Component\FlashComponent.php</li></ul></li></ul></li><li><strong>plugins</strong>(array)<ul class="neat-array depth-1"><li><strong>DebugKit</strong>(array)<ul class="neat-array depth-2"><li><strong>Other</strong>(array)<ul class="neat-array depth-3"><li><strong>0</strong>DebugKit/Controller\Component\ToolbarComponent.php</li><li><strong>1</strong>DebugKit/Lib\DebugMemory.php</li><li><strong>2</strong>DebugKit/Lib\Panel\HistoryPanel.php</li><li><strong>3</strong>DebugKit/Lib\DebugPanel.php</li><li><strong>4</strong>DebugKit/Lib\Panel\SessionPanel.php</li><li><strong>5</strong>DebugKit/Lib\Panel\RequestPanel.php</li><li><strong>6</strong>DebugKit/Lib\Panel\SqlLogPanel.php</li><li><strong>7</strong>DebugKit/Lib\Panel\TimerPanel.php</li><li><strong>8</strong>DebugKit/Lib\Panel\LogPanel.php</li><li><strong>9</strong>DebugKit/Lib\Log\Engine\DebugKitLog.php</li><li><strong>10</strong>DebugKit/Lib\Panel\VariablesPanel.php</li><li><strong>11</strong>DebugKit/Lib\Panel\EnvironmentPanel.php</li><li><strong>12</strong>DebugKit/Lib\Panel\IncludePanel.php</li><li><strong>13</strong>DebugKit/Lib\DebugTimer.php</li></ul></li></ul></li></ul></li></ul> </div> <div class="panel-content-data panel-history" id="include-history">  </div> </div> <div class="panel-resize-handle ui-control">====</div> </div> </li> </ul> </div> </body> </html>

kuuhaku4262

2021/02/12 05:36

以上になります。

行動規範の内容に同意します

回答1件

必要な部分に絞ったほうがよいですね

javascript
1<style>
2#view{
3width:200px;
4height:200px;
5background-Color:yellow;
6}
7</style>
8<script>
9$(function(){
10  $('#view').on('dragover',function(){
11    console.log('dragover');
12  });
13});
14</script>
15<img src="#" alt="dummy" width="100" height="100">
16<div id="view">&nbsp;</div>

投稿2021/02/12 03:50

yambejp

総合スコア114773

yambejp

2021/02/12 03:50

dummy画像をviewに乗せると発動しますあとは何をしたいのでしょうか？

kuuhaku4262

2021/02/12 05:37 編集

drag_and_drop.js単体だと、問題なく動くことは確認できました。ありがとうございます。自分が作ろうとしている画面は、knockout.jsでドロップ先のセルをループさせて表示させそこにタグを移動させたいです。 knockout.jsでループするよう、HTMLを修正しましたのでよろしくお願いいたします。

行動規範の内容に同意します