Javascript 下拉列表中的引导搜索表单
我的菜单中有一个下拉列表,但当我点击下拉列表中的搜索表单字段时,下拉列表立即关闭 这是我的代码:Javascript 下拉列表中的引导搜索表单,javascript,jquery,twitter-bootstrap,cakephp,twitter-bootstrap-3,Javascript,Jquery,Twitter Bootstrap,Cakephp,Twitter Bootstrap 3,我的菜单中有一个下拉列表,但当我点击下拉列表中的搜索表单字段时,下拉列表立即关闭 这是我的代码: <button id="sharebutton" type="button" class="btn btn-sm btn-info" data-toggle="dropdown" data-hover="dropdown" data-close-others="true"><i class="fa fa-search"></i> Sear
<button id="sharebutton" type="button" class="btn btn-sm btn-info" data-toggle="dropdown" data-hover="dropdown"
data-close-others="true"><i class="fa fa-search"></i> Search
</button>
<ul class="dropdown-menu extended notification">
<li>
<div class="form-group">
<?php echo $this->Form->create('Search', array('controller' => 'searches', 'action' => 'prodsearch')); ?>
<div class="input-group">
<?php echo $this->Form->input('newsearchterm', array('required' => true, 'class' => 'form-control', 'label' => false, 'placeholder' => 'Search Products...', 'name' => 'newsearchterm')); ?>
<span class="input-group-btn">
<?php
echo $this->Form->button(
'<i class="fa fa-search"></i>',
array(
'type' => 'submit',
'class' => 'btn blue',
),
array('escape' => 'false')
);
?>
</span>
</div>
</div>
<?php echo $this->Form->end(); ?>
</li>
</ul>
搜索
-
删除“li”标记并重试。像这样:
<div class="form-group">
<?php echo $this->Form->create('Search', array('controller' => 'searches', 'action' => 'prodsearch')); ?>
<div class="input-group">
<?php echo $this->Form->input('newsearchterm', array('required' => true, 'class' => 'form-control', 'label' => false, 'placeholder' => 'Search Products...', 'name' => 'newsearchterm')); ?>
<span class="input-group-btn">
<?php
echo $this->Form->button(
'<i class="fa fa-search"></i>',
array(
'type' => 'submit',
'class' => 'btn blue',
),
array('escape' => 'false')
);
?>
</span>
</div>
</div>
<?php echo $this->Form->end(); ?>
</ul>
将stopPropagation()
添加到您的搜索表单字段
jQuery('.your-form-selector').click(function (e) {
e.stopPropagation();
});
其他一切都将按预期进行
我只是在寻找同样的东西,并在上找到了它。谢谢你的回复,我试过了,但它仍然完全一样。即使我只是在点击任何内容后立即添加P或其他内容,它也会关闭。