Question

我有这种方法来填补旁白。虽然有效但这种方法没有。触发事件而不点击任何锚点

    $('a.list-group-item btn btn-default').click(function (event) {
       var O = this.id;
       var title = $(O).val();
       MiFun(title);
       $('#myModal').modal({ show: true })
    }

在调试器跳过该功能时。我想先填写Aside，然后点击一个Anchor，这些锚点会显示一个包含信息的模态视图。我的主播包括

    <a href='#'class='list-group-item btn btn-default'> tittle</a>

我的所有剧本首先，我打电话给MifuncObj以填写Aside的标题事件然后我创建了通用点击事件，我想点击一个锚点，然后当我点击这个锚点给我一个模态视图。锚点包含dataBase中事件的标题。锚点的一般事件是获取标题的名称，并在DB上获取事件的其他信息并放入模态

(document).ready(function () {
MiFuncObj();
$('a.list-group-item.btn.btn-default').click(function (event) {
    var O = this.id;
    var title = $(O).val();
    MiFuncion(title);
    $('#myModal').modal({ show: true })
})
});
function MiFuncObj() {
$.ajax(
    {
        url: "http://localhost/CasaHogar/WServices/WSMetodos.asmx/TopEventos",
        dataType: "json",
        type: "POST",
        contentType: "application/json; charset=utf-8",
        success: function (msg) {
            debugger;              
            var datos_usuarios = (typeof msg.d) == 'string' ? eval('(' + msg.d + ')') : msg.d;
            for (var i = 0; i < datos_usuarios.length; i++) {
                var titulo = datos_usuarios[i].Titulo;
                $('#table').append("<a href='#'class='list-group-item btn btn-default'><h4 class='list-group-item-heading'>" + titulo + "</h4></a>");
            }              
        },
        error: function (result) { alert("ERROR" + result.status + '' + result.statusText); }

    }
    );
}
function MiFuncion(title) {
var obJason = {
    "Titulo": title
}
var actiondata = JSON.stringify(obJason);
$.ajax(
    {
        url: "http://localhost/CasaHogar/WServices/WSMetodos.asmx/BuscarTitulos",
        data: "{'parametro':" + actiondata + "}",
        dataType: "json",
        type: "POST",
        contentType: "application/json; charset=utf-8",
        success: function (msg) {
            debugger;
            var datos_usuarios = (typeof msg.d) == 'string' ? eval('(' + msg.d + ')') : msg.d;
            for (var i = 0; i < datos_usuarios.length; i++) {
                var titulo = datos_usuarios[i].Titulo;
                var contenido = datos_usuarios[i].Contenido;
                var fecha = datos_usuarios[i].Fecha;
                $('#modal-header').append("<h3>" + titulo + "</h3>");
                $('#modal-body').append("<p>" + titulo + "</p>");
                $('#modal-footer').append("<h4>" + titulo + "</h4>");
            }
        },
        error: function (result) { alert("ERROR" + result.status + '' + result.statusText); }

    }
    );
 }

Answer 1

第1：你需要阅读selectors（a）有相同的类，所以你应该使用

$('a.list-group-item.btn.btn-default')

第二：您没有为锚点设置任何ID以使用this.id它将返回未定义的

第3名：没有任何名为 .val（）的锚，你需要使用 .text（）来返回（tittle），或者你需要使用 .attr （）; 从锚点获取属性值

我真的不能明白你的意思..你想做什么？显示更多HTML

$('body').on('click','a.list-group-item.btn.btn-default',function (event) {
    event.preventDefault(); // to prevent reloading if you need it
    var title = $(this).text();
    MiFun(title);
    $('#myModal').modal({ show: true })
}

我对锚点的通用点击事件不起作用

1 个答案: