基金會揭示附加內容

我加載通過.append一些內容到一個無序列表元素這樣的：基金會揭示附加內容

$(document).ready(function(){ 
     $("#player_status_5342").html('<img src=" /site/templates/images/system/loader/small_ajax_loader.gif"/>'); 
     $.getJSON("/api-checks/get_ingame_bool/euw/rorotan", function(result){ 
     console.log(result + " RoroTan"); 
      if(result == '1'){ 
       $("#player_status_5342").html('<img src=" /site/templates/images/system/status/online.png"/>'); 
       $("#36868417").append('<li><a href="/pages/ingame-info/euw/RoroTan" class="modal" reveal-size="large">See game details!</a></li>'); 
      }else{ 
       $("#player_status_5342").html('<img src=" /site/templates/images/system/status/offline.png"/>'); 
      } 
     }); 
    });

player_status_5342是一個跨度。

而且這是我使用的單擊事件之前：

$(document).ready(function(){ 
    $(function(){ 
     $(document).foundation();  
    }) 
    $('a.modal').click(function(event) { 
     event.preventDefault(); //Prevent default event 
     var size = $(this).attr('reveal-size'); 
     var $div = $('<div id="modal">'),$this = $(this); 
     $('#modal').each(function(){//Clean added classes - for repeated loads 
      $(this).remove(); 
     }); 
     $div.addClass('reveal-modal '+size).appendTo('body');//Add reveal to body 

     $div.empty().html('<p align="center"><img src="http://www.kadowereld.nl/images/algemeen/loader2.gif" /></p>').append('<a class="close-reveal-modal">&#215;</a>').foundation('reveal', 'open');//Create reveal with Preloader! 

     $.get($this.attr('href'), function(data) { 
      return $div.empty().html(data).append('<a class="close-reveal-modal">&#215;</a>').foundation('reveal');//Add ajax data to preloadr. W can use jquery $.post also. 
     }); 
    }); 
});

我已經嘗試過利用。對（「點擊」，函數（）{

因爲通常解決了我的問題，不過這沒有工作這段時間。

來源

2013-06-05 Hawiak

這不是

$('a.modal').on('click', function(){})

但

$(document).on('click', 'a.modal', function(){})

其中document是最接近的非動態父親。

來源

2013-06-05 20:28:45

感謝您的快速答覆。當我在我的網頁上面使用它時，它把我所有其他的javascript元素/東西搞砸了，但它並沒有產生錯誤，儘管......最接近，有多接近？我有點想這適用於整個 ...... – Hawiak

這一行：'$（'a.modal'）。click（function（event）'必須改爲'.on（）'。最近，我的意思是父母（所有你'a's'誰沒有加載頁面加載後（由jquery） –

我確實改變了線，你告訴我使用的線，但正如我說它把我所有其他JavaScript的用法 – Hawiak

Johnvh聲明此解決方法;在嘗試調用open之前初始化小部件。

以下工作：

$('<div></div>') 
    .addClass('reveal-modal') 
    .attr('data-reveal', '') 
    .append($('<h1>Hello</h1>')) 
    .appendTo($('body')) 
    .foundation('reveal')  // <-- need this first! 
    .foundation('reveal', 'open');

來源

2014-04-24 14:23:39 numediaweb

基金會揭示附加內容

回答

相關問題