如何顯示覆選框代替手風琴？

-1

如果導航爲COOLDrinks --->百事--->錫

如果選擇了天，那我是不是可以顯示100ml和200ml作爲複選框而不是Accordians？

硬編碼也很好，只是我需要在代替手風琴的地方顯示覆選框。

<?xml version="1.0" encoding="UTF-8"?> 
<categories> 
    <CoolDrinks name="Pepsi" /> 
    <CoolDrinks name="Thumsup" /> 
    <Pepsi name="Tin" /> 
    <Tin name="100ml" /> 
    <Tin name="200ml" /> 
    <Pepsi name="Bottle" /> 
    <Bottle name="1Litre" /> 
    <Bottle name="40Litres" /> 
    <Thumsup name="Pet" /> 
    <Pet name="25ml" /> 
    <Pet name="50ml" /> 
    <can name="70mlml" /> 
    <can name="00ml" /> 
    <Thumsup name="can" /> 
</categories>

來源

2014-05-22 Kiran

嘗試一段代碼在你findInXML()一樣，

var flag=true; // flag=true for accordians only 
for (var i = 0; i < names.length; i++) {  
    // check the last child element having no tag   
    if($(xmldocu).find(names[i]).length){ 
     activateUiHTML.append("<h3><a href='#'>"+names[i]+"</a></h3><div></div>"); 
    } else { // if not found then make a checkbox for it 
     flag=false;// no accordian 
     activateUiHTML.append('<input type="checkbox"/>'+names[i]) ; 
    } 

} 
// append the new html; 
var acc=activateUi.newPanel.html(activateUiHTML); 
if(flag){ // if it is not last element then only create accordian for it 
     acc.find('.inner-accordion').accordion({ 
      heightStyle: "content", 
      autoHeight: false, 
      collapsible: true, 
      active: false, 
      activate: function (event, ui) { 
       setStuff(event, ui); 
      } 
     }); 
}

Working Demo

來源

2014-05-22 05:09:40

是一個更好的解決方案。榮譽。 – Runcorn

非常感謝，它的工作很棒。 – Kiran

@Kiran歡迎.... –

確定的，如果硬編碼是好的，那麼你可以檢查名稱[]包含ml/l/mlml它：

if(!names[0].contains("ml")){ 
    var activateUiHTML = $("<div class='inner-accordion'></div>"); 
    for (var i = 0; i < names.length; i++) { 
     activateUiHTML.append("<h3><a href='#'>" + names[i] + "</a></h3><div></div>"); 
    } 
    activateUi.newPanel.html(activateUiHTML).find('.inner-accordion') 
          .accordion({ 
          heightStyle: "content", 
          autoHeight: false, 
          collapsible: true, 
          active: false, 
          activate: function (event, ui) { 
           setStuff(event, ui); 
          } 
         }); 
    } 
    else{ 
     var activateUiHTML = $("<div class='inner'></div>"); 
     for (var i = 0; i < names.length; i++) { 
       activateUiHTML.append("<h3><input type='checkbox' value='"+i+"'>" + names[i] + "</input></h3><div></div>"); 
      } 
      activateUi.newPanel.html(activateUiHTML); 
      } 
    }

這裏是Demo

來源

2014-05-22 05:11:53 Runcorn

如何顯示覆選框代替手風琴？

回答

相關問題