轉換選擇Twitter的引導

我正嘗試應用此腳本http://blog.iamjamoy.com/convert-select-boxes-to-a-fancy-html-dropdown其轉換成元素的引導drodown轉換選擇Twitter的引導

它打破對IE在這條線

$（E）.find（「選項」）。每個（函數（O，q）{

這是代碼

$this.each(function(i, e){ 
     if (!($(e).data('convert') == 'no')) { 

      //get some initial data... 
      xSelect = $(e).attr('id'); 
      xLabel = $("#"+xSelect + " option:selected").text(); 
      xClass = $(e).data('class'); 

      $(e).hide().wrap('<div class="btn-group" id="xSelect-group-' + i + '" />'); 
      var select = $('#xSelect-group-' + i); 

      select.html('<a class="btn dropdown-toggle '+ xClass + '" data-toggle="dropdown" href="javascript:;">' + xLabel + ' <span class="caret"></span></a><ul class="dropdown-menu"></ul><input type="hidden" value="' + $(e).val() + '" name="' + $(e).attr('name') + '" id="' + $(e).attr('id') + '" class="' + $(e).attr('class') + '" />'); 

      $(":checkbox", this) 
      $(e).find('option').each(function(o,q) { 
        select.find('.dropdown-menu').append('<li><a href="javascript:;" data-title="'+ $(q).text() +'" data-value="' + $(q).attr('value') + '">' + $(q).text() + '</a></li>'); 
        if ($(q).attr('selected')) select.find('.dropdown-menu li:eq(' + o + ')').click(); 
      }); 
      select.find('.dropdown-menu a').click(function() { 
        select.find('input[type=hidden]').live().val($(this).data('value')).change(); 
        select.find('.btn:eq(0)').html($(this).text() + ' <span class="caret"></span>'); 
      }); 
     } 
    });

如果有人可以幫助我將不勝感激

來源

2012-06-13 alejandro

在該博客的評論中，您是否看到過其中一條評論是否包含了一個可在IE中使用的示例的小提琴？ http://jsfiddle.net/xuAQv/13/ – mg1075

是的，我已經看到它，但沒有工作 – alejandro

您可以使用this JavaScript plugin。它隱藏了select並在HTML中添加了一個下拉按鈕。

它對我很好。我測試了IE8，它的工作原理。

來源

2012-10-10 21:10:02 anacarolinats

謝謝 - 文檔不明確這一點。 –

轉換選擇Twitter的引導

回答

相關問題