Question

我正在使用导航栏与jquerymobile标签。正如您将注意到我的标签是通过jsonp生成的。

尝试在标签内加载div时遇到问题。内部href似乎不起作用。

我想要做的是，例如当我更改为标签x时加载列表。

<script>
        function order() {
            var output = [];
         
            $.ajax({
                url: "http://192.168.22.102/me1.php",
                dataType: "jsonp",
                jsonp: "mycallback",
                success: function (data) {
                    jsonArray = data;
                    jsonArray = data;
                    var ch = "";
                         for (i = 0; i < jsonArray.length; i++) {
                        ch = ch + '<li><a href="#'+jsonArray[i].id+ '" data-ajax="false" onclick="clk();">' + jsonArray[i].nom + '</a></li>'
                    }
                    ch = '<div data-role="navbar"><ul>' + ch + '</a></ul></div>';
                    var s = $(ch).appendTo('.ui-content')
                   
                    alert(ch);
                    $('#lm').append('<div data-role="navbar"></div>').trigger('create');



                }
            });



        }
</script>

<body onload="order('');">
    

    <div data-role="page" id="home">
<div data-role="content" id="lm">


  <div id="1">
    <ul data-role="listview" data-inset="true">
        <li><a href="#">stuff</a></li>
        <li><a href="#">stuff</a></li>
        <li><a href="#">so</a></li>
        <li><a href="#">stuff</a></li>
        <li><a href="#">stuff</a></li>
    </ul>
  </div>
</div>

       
 </div>
  <div data-role="footer" data-postion="fixed">
    <h1>Footer Text</h1>
  </div>
        
     
 
        </div>

更新我通过添加个人点击处理程序

解决了这个问题

$(document).delegate('[data-role="navbar"] a', 'click', function () {
$(this).addClass('ui-btn-active');
$('.content_div').hide();
$('#' + $(this).attr('data-href')).show();
return false;});

div将显示在导航选项卡中

0 个答案: