スマート選択が表示されないようにする

Question

hereの例では、リストの項目をクリックすると使用可能なオプションのリストが表示されます。

私はsmart select要素も作成し、そのオプションをJavascriptで追加しました。この場合、私は提供したリンク上でよく似たように動作します。

しかし、私が望むのは、オプションのリストを表示する代わりに、オプションを表示しないことです。私はこれが特に必要なのは、利用可能なオプションが1つだけであるか、または利用可能なオプションがまったくない場合です。どうすればこのことができますか？

私はevent.preventDefaultを試しましたが、これは何もしていないようです。

ビュー：

<div class="list-block"> 
    <ul> 
    <li> 
     <a href="#" class="item-link smart-select" data-back-on-select="true" data-navbar-theme="red" data-form-theme="green"> 
     <select class="test"> 
     </select> 
     <div class="item-content"> 
      <div class="item-inner"> 
      <div class="item-title">Sample Title</div> 
      </div> 
     </div> 
     </a> 
    </li> 
    </ul> 
</div> 

JS：（私のスマートな選択要素のオプションを追加します）

myApp.smartSelectAddOption('.test', '<option value="1">Item 1</option>'); 
myApp.smartSelectAddOption('.test', '<option value="2">Item 2</option>'); 
myApp.smartSelectAddOption('.test', '<option value="3">Item 3</option>'); 

Answer 1

framework7ライブラリを掘った後。私はこのコードを見つけました。

if (select.disabled || smartSelect.hasClass('disabled') || $select.hasClass('disabled')) { 
return; 

}

だから我々はちょうどクラスdisabled

$$('.test').addClass('disabled'); 

に追加する必要がスマートな選択オプションを表示しないために、