JQuery手机Ajax请求不更新div

Question

我有一个名为 Tickets 的 div 和 2 个按钮 'open' 和 'dicht' 如果我按下 open 或 dicht 一个名为 getTickets(status) 的函数被调用，状态为 open 或 dicht.

请求没有问题因为数据returns我想要的所有内容。问题是 div 票没有得到数据内容

$('tickets').html(data); 有问题吗？

这是mij代码：

getTickets(状态)

function getTickets(status) {


        $.ajax({
            url: 'ajax/getTickets.php',
            data: {"status": status},
            type: 'GET',
            success: function(data) {
                if(status == "open"){
                    $('#open').addClass('active');
                    $('#closed').removeClass('active');
                }
                if(status == "dicht"){ 
                    $('#closed').addClass('active');
                     $('#open').removeClass('active');
                }
                $('#tickets').html(data);
            }
        });


    }

带有 div 票的 2 个按钮

<div data-role="page" id="ticketsPage" rel="Ticketoverzicht" >
        <div data-role="tabs" id="tabs"><div data-role="navbar"><ul>
            <li><a href="#" class="ui-btn ui-btn-inline active" id="open" onclick="getTickets('open');">Open</a></li>
            <li><a href="#" class="ui-btn ui-btn-inline" id="closed" onclick="getTickets('dicht');">Dicht</a></li></ul></div>
        </div>
    <div id="tickets"> </div>
</div>

Answer 1

使用 <a href="javascript:;" class="ui-btn ui-btn-inline active" id="open" onclick="getTickets('open');"> 并检查控制台是否有错误。

JQuery手机Ajax请求不更新div

JQuery mobile Ajax request doens't update div

html

ajax

jquery-mobile