0

我是 jQuery 新手，从过去 1 周开始一直在这里苦苦挣扎。我正在使用 ajax 调用从 JSON 数组加载数据，并使用一个“滑动”插件在同一 div 上的页面上滑动和加载所有图像。但我不知道如何将类添加到父 div 和子元素。我的代码是：

    url : "http://my_ip/App/event_h/get_a_evnts",
    type:"POST",
    dataType:"json",
    success: function(data)
    {
        var event1=data.event1;
        var total_event=event1.length;
        var event1=data.event1;
        var DOM=$('#DOM');
        var path="http://my_ip/App/";
        var media1=data.media;
        var location=json.location; 
        var event2=data.event;
        var rating=data.rating;
        var event1[i].event_id =1;//this value also retrived from json array
        var output= '<div class="container-fluid" ><section class="row">';
            output +='<div class="col-sm-12 col-md-12 col-xs-12"><div class="panel panelstyle">';
            output +='<header><h1><small>Event : </small>'+event1[i].event_title+'</h1></header><div class="panel-body">';
            output +='<div id="div1" class="swiper-container" ><div  id="div2" class="swiper-wrapper"  >';
              for(j=0; j<media1.length; j++) {
                if(event1[i].event_id === media1[j].event_id){
                 output +='<img id="newimg" class="swiper-slide" src='+path+media1[j].media_path+' alt="new image" />';
                }
              }});

我没有在这里写完整的代码只需要的部分我在上面的代码中也写了一切正常，即使控制台中没有一个错误，但是.swiper-container，.swiper-container，.swiper-slide 没有加载时页面加载，所以我不能刷我的图像。我尝试过“on”、“delegate”和“bind”，但在页面加载时无法附加这些类。

4

2 回答 2

0

试试这个代码：

output = $(output);
output.addClass(".swiper-container");
于 2015-05-12T06:18:01.240 回答
0

您所指的父元素不一定是直接父元素，它可以是文档准备就绪时存在的任何元素，并且您必须绑定事件的元素是它的后代。在最坏的情况下，有身体元素。

或者

将动态创建的 html 插入页面后，您可以在成功函数中添加幻灯片事件。

于 2015-05-12T06:23:30.373 回答