Question

我想在没有页面刷新的情况下加载div记录。

为此，我创建了：

$('.list-group-item').click(function(e) {
var id = $(this).attr('id');

    $.ajax({
        type: 'get',
        url: 'http://localhost/ajax/main/'+id,
        dataType: 'html',
        success: function (html) {
             $('#yourDiv').html(html);
        }
    });
});

菜单：

            <ul class="list-group sidebar-nav-v1 fa-fixed" id="sidebar-nav">
                <li class="list-group-item list-toggle">                   
                    <a data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-typography">Menu</a>
                    <ul id="collapse-typography" class="collapse in">
                        <li><a href="#1" id="test"><i class="fa fa-sort-alpha-asc"></i> Test 1 </a></li>
                        <li><a href="#2" id="test1"><i class="fa fa-magic"></i> Test 2 </a></li>
                        <li><a href="#3" id="test2"><i class="fa fa-ellipsis-h"></i> Test 3 </a></li>
                        <li><a href="#4" id="test3"><i class="fa fa-quote-left"></i> Test 4 </a></li>
                    </ul>
                </li>
            </ul>

获取菜单项href的id的正确方法是什么？

Answer 1

更改

$('.list-group-item').click(function(e) {

要

$('#collapse-typography a').click(function(e) {

<强> Demo

Answer 2

使用下面的代码来获取href（a）标记的点击事件。然后你会在＃34; $（this）.attr（＆＃39; id＆＃39;）＆＃34;

$('.list-group-item').find('a').click(function(e) {
  var id = $(this).attr('id');
  $.ajax({
    type: 'get',
    url: 'http://localhost/ajax/main/'+id,
    dataType: 'html',
    success: function (html) {
         $('#yourDiv').html(html);
    }
   });
 });

将list-menu的ID发送到CodeIgniter中的ajax get函数

2 个答案: