外側をクリックしたときに選択ボックスを閉じる

Question

選択ボックスの閉じに問題があります。サイト上の には2つの選択要素があります。

最初のもの：開くと外側にクリックするとボックスが閉じます。 今すぐ隣に2番目のボックスがあります。これは、セレクタまたはトグルをクリックしたときにのみ閉じます。私はまた、これを外にクリックすると閉じたい。

_closeSelectbox: function (target) { 
     var inst = this._getInst(target); 
     //if (!inst || !this._state[inst.uid]) { 
     if (!inst || !inst.isOpen) { 
      return; 
     } 
     var onClose = this._get(inst, 'onClose'); 
     inst.settings.effect === "fade" ? $("#catOptions_" + inst.uid).fadeOut(inst.settings.speed) : $("#catOptions_" + inst.uid).slideUp(inst.settings.speed); 
     $("#catToggle_" + inst.uid).removeClass(inst.settings.classToggleOpen); 
     this._state[inst.uid] = FALSE; 
     inst.isOpen = FALSE; 
     if (onClose) { 
      onClose.apply((inst.input ? inst.input[0] : null), [inst]); 
     } 
     $.data(target, PROP_NAME, inst); 
     }, 

他のボックス機能の道を乱すことなく、これが可能である：

これはすでにそこにコードがありますか？

これはhtmlです：

 <div class="col-sm-8 col-xs-12"> 
     <form class="form-inline form-header" action="<?php echo $this- >url(null, 'listings-search'); ?>" 
       method="get"> 
      <div class="form-group hidden-xs hidden-sm"> 
       <select name="parent_id" id="category_id"> 
        <option value="0"><?php echo $this->_('Choose Category'); ?></option> 
        <?php foreach ($categories as $category) { ?> 
         <option 
          value="<?php echo $category['id']; ?>" <?php echo ($category['id'] == $request->getParam('parent_id')) ? 'selected' : ''; ?>><?php echo $this->_($category['name']); ?></option> 
        <?php } ?> 
       </select> 
      </div> 
      <div class="form-group"> 
       <input id="basic-search" type="text" name="keywords" class="form-control input-search" 
         value="<?php echo $this->request()->getRequest()->getParam('keywords'); ?>" 
         placeholder="<?php echo $this->_('Search ...'); ?>" required> 
      </div> 
      <button type="submit" class="btn btn-primary hidden-xs"><?php echo $this->_('Search'); ?></button> 
     </form> 
     </div> 

Answer 1

私は、私はそれはあなたが必要な正確に何をやるかなり確信して、ボックスにblurイベントを結合お勧めします！ https://api.jquery.com/blur/