基本的に私はJquery関数を持っているので、「Return Journey」をクリックすると目的地が空港かどうかをチェックします。空港の住所の場合は、ユーザーにフライトの詳細を求めるプロンプトが表示されます。ユーザーが「Return Journey」をクリックすると、テキストが「One Way」に変わります。これが、2 回目にクリックしたときにフライトの詳細を尋ねられないように、ワンクリック機能を使用した理由です。
これはうまく機能しますが、ユーザーが 'One Way' と 'Return Journey' の 2 回目のクリックを決定した場合、フライト番号の入力を求められないことは明らかです。これをシミュレートして、テキスト表示が「Return Journey」のときにフライト番号を尋ねる方法と、テキスト表示が「One Way」の場合にフライトの詳細をユーザーに尋ねない方法はありますか?
Jクエリは次のとおりです。
$('#href-rtn-jny').one('click', function(){
if (checkIsAirport(label.html()) != null &&
label.parent().parent().attr('title') == "Dropoff") {
$('#href-edit-flightno').css('display','block');
// Flight info dialog
$("#cp-div-flight-info").dialog({
autoOpen: false,
width: 620,
height: 305,
modal: true,
draggable: false,
resizable: false,
closeOnEscape: false,
closeText: 'show',
show: 'clip',
title: 'Online Booking',
close: function() {
$('#div-flight-info-row').css('display','none');
$(".ui-dialog-titlebar").show();
// Give next search box focus
rowdiv.next().find('.addr-ho-input').focus();
}
});
$('#btn-flight-ok').bind('click', function() {
$('#cp-div-flight-info').dialog('close');
});
クリック可能な HTML は次のとおりです。
エレメント：
<p class="p-row-functions left bg-image-return">
<a id="href-rtn-jny" class="bg-link-style" href="#">Return Journey</a>
</p>
(クリック時):
<p class="p-row-functions left bg-image-arrowright">
<a id="href-rtn-jny" class="bg-link-style" href="#">One Way</a>
</p>