Question

我有一个小脚本，可以在页面加载时检索租约日期，如果用户从下拉列表中选择另一个月，也会检索新日期。

该网站正在使用jQuery 1.2.3，我现在仍然坚持使用（遗留脚本）所以我无法更新到1.4。

我使用Firebug在Firefox中编写并调试了这个，并意识到它在任何其他浏览器中都不起作用。我不知道为什么。在Firefox中，我肯定会得到新的日期，并且div会根据收到的AJAX数据自行更新。其他浏览器什么都不做。

$(document).ready(function() {
            $.ajax({
                url: '/rental/get_dates.cfm',
                type: 'POST',
                data: 'date=<cfoutput>#dateFormat(now(), "m-yyyy")#</cfoutput>&rental=<cfoutput>#val(getOneRental.rentalListingID)#</cfoutput>',
                success: function(data) {
                    $('#rental_calendar .rentalRateData').html(data);
                }
            });

        });

        function update_calendar(date) {
            $.ajax({
                url: '/rental/get_dates.cfm',
                type: 'POST',
                data: 'date='+date+'&rental=<cfoutput>#val(getOneRental.rentalListingID)#</cfoutput>',
                success: function(data) {
                    $('#rental_calendar .rentalRateData').html(data);
                }
            });
        }

HTML：

<form name="rental_month" id="rental_month" method="post">
    <select name="month">
        <cfset month_choice = dateFormat(now(), 'm-yyyy')>
        <cfoutput>
            <option value="#lcase(month_choice)#"  onclick="update_calendar('#month_choice#');" class="default">#dateFormat(month_choice, 'mmmm yyyy')#</option>
        </cfoutput>
        <cfloop from="1" to="12" index="i">
            <cfset month_choice = dateFormat(dateAdd('m', i, now()), 'm-yyyy')>

            <cfoutput>
                <option value="#lcase(month_choice)#" onclick="update_calendar('#month_choice#');">#dateFormat(month_choice, 'mmmm yyyy')#</option>
            </cfoutput>
        </cfloop>
    </select>
</form>

    <div id="rental_calendar">
        <table class="rentalRates" cellpadding="0" cellspacing="0" width="98%">
            <tr>
                <th align="left">Arrival</th>
                <th align="right">Rate</th>
            </tr>
        </table>
        <table class="rentalRateData" cellpadding="0" cellspacing="0" width="98%">  

        </table>
    </div>

为什么这只适用于Firefox？有更简单的方法吗？

Answer 1

我敢打赌它是html（）函数。我会尝试提醒数据以确保ajax函数正常工作，然后尝试使用其他方法将数据添加到表中。

Answer 2

您可以尝试为您的代码运行最新版本的JQuery。这是一个如何执行此操作示例的链接：

http://www.comanswer.com/question/how-do-i-run-different-versions-of-jquery-on-the-same-page

$ .ajax（）无法在Firefox以外的任何浏览器中使用

2 个答案: