基本上我有一个 Jquery 功能,因此当您单击“返回旅程”时,它会检查目的地是否是机场。如果是机场地址,它会提示用户输入他们的航班详细信息。当用户点击“Return Journey”时,文本变为“One Way”,这就是我使用 .one click 功能的原因,这样当您再次点击它时,它就不会询问您的航班详细信息。
虽然这很有效,但如果用户决定第二次点击“单程”,然后点击“返程”,显然不会提示他们输入航班号。有没有一种方法可以模拟这一点,以便在文本显示为“返回旅程”时询问他们的航班号,而不是在文本显示为“单程”时不询问用户的航班详细信息?
这是jQuery:
$('#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>