2013-01-14 45 views
0

按鈕關閉,按鈕最小化和按鈕設置不能使用下面的javascript。按鈕關閉,按鈕最小化和按鈕設置不能使用下面的javascript

我用的自舉2.0.4

//datatable 
    $('.datatable').dataTable({ 
      "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span12'i><'span12 center'p>>", 
      "sPaginationType": "bootstrap", 
      "oLanguage": { 
      "sLengthMenu": "_MENU_ records per page" 
      } 
     }); 
    $('.btn-close').click(function(e){ 
     e.preventDefault(); 
     if (e.target === this) 
       $(this).parent().parent().parent().fadeOut(); 
    }); 
    $('.btn-minimize').click(function(e){ 
     e.preventDefault(); 
     var $target = $(this).parent().parent().next('.box-content'); 
     if($target.is(':visible')) $('i',$(this)).removeClass('icon-chevron-up').addClass('icon-chevron-down'); 
     else      $('i',$(this)).removeClass('icon-chevron-down').addClass('icon-chevron-up'); 
     $target.slideToggle(); 
    }); 
    $('.btn-setting').click(function(e){ 
     e.preventDefault(); 
     $('#myModal').modal('show'); 
    }); 

編輯1:我想使用這個模板表http://usman.it/themes/charisma/table.html 您也可以下載table.html文件存在。另一件我不明白的事情是當我檢查html代碼時,沒有搜索文本輸入,也沒有頁面導航。他們如何出現在瀏覽器中?

編輯2:我使用谷歌應用程序引擎,Django的,Jinja2的

+0

http://api.jquery.com/on/看對()從jQuery的 – str11

+0

功能與我們分享您相關的HTML代碼。 – ATOzTOA

+0

不工作是不夠好的描述。你有什麼錯誤嗎?你面臨的具體問題是什麼?你可以張貼小提琴嗎? – ryadavilli

回答

1

如果你是動態添加buttonDOM,則click()可能無法正常工作。

嘗試了這一點:

$(document).on("click", '.btn-close', function(e){ 
    e.preventDefault(); 
    if (e.target === this) 
      $(this).parent().parent().parent().fadeOut(); 
}); 

$(document).on("click", '.btn-minimize', function(e){ 
    e.preventDefault(); 
    var $target = $(this).parent().parent().next('.box-content'); 
    if($target.is(':visible')) $('i',$(this)).removeClass('icon-chevron-up').addClass('icon-chevron-down'); 
    else      $('i',$(this)).removeClass('icon-chevron-down').addClass('icon-chevron-up'); 
    $target.slideToggle(); 
}); 

$(document).on("click", '.btn-setting', function(e){ 
    e.preventDefault(); 
    $('#myModal').modal('show'); 
}); 
+0

它不工作先生,我添加了html代碼。請幫幫我。 – John

+0

你的按鈕工作正常。你試過哪個瀏覽器? – ATOzTOA

+0

我正在使用Firefox 18.0。我嘗試使用谷歌瀏覽器,但也不起作用 – John

-1
$('.datatable').dataTable({ 
     "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span12'i><'span12 center'p>>", 
     "sPaginationType": "bootstrap", 
     "oLanguage": { 
     "sLengthMenu": "_MENU_ records per page" 
     } 
    }); 
$('.btn-close').click(function(e){ 
    e.preventDefault(); 
    $(this).parent().parent().parent().fadeOut(); 
}); 
$('.btn-minimize').click(function(e){ 
    e.preventDefault(); 
    var $target = $(this).parent().parent().next('.box-content'); 
    if($target.is(':visible')) 
     $('i',$(this)).removeClass('icon-chevron-up').addClass('icon-chevron-down'); 
    else 
     $('i',$(this)).removeClass('icon-chevron-down').addClass('icon-chevron-up'); 
    $target.slideToggle(); 
}); 
$('.btn-setting').click(function(e){ 
    e.preventDefault(); 
    $('#myModal').modal('show'); 
}); 
相關問題