Popover with Bootstrap <select>标签</select>

时间:2015-01-13 21:40:27

标签: jquery html twitter-bootstrap-3

我希望在&#34;更多选项...&#34;选择。 但它没有用。

你能帮帮我吗?

&#13;
&#13;
    $("#AdultCount").on("change", (function() {
      if ($(this).val() == 0) {


        $('.trigger').popover('show');
      }
    }));
&#13;
	.bs-example {
	  margin: 150px 150px;
	  width: 400px;
	}
	
&#13;
<div class="bs-example">

  <select class="form-control valid" data-val="true" data-val-number="The field AdultCount must be a number." data-val-required="The AdultCount field is required." id="AdultCount" name="AdultCount">
    <option value="2">2 adult, 0 children</option>
    <option value="1">1 adult, 0 children</option>
    <option value="0" class="trigger" data-toggle="popover" data-content="content" title="dds" data-placement="right">More Options...</option>
  </select>
&#13;
&#13;
&#13;

2 个答案:

答案 0 :(得分:0)

您的按钮类似乎有一个类型:

<button class="1trigger"...

答案 1 :(得分:0)

为什么在您可以简单地使用元素本身中的data-toggledata-target属性时使用javascript?

例如:

<button class="trigger" data-toggle="modal" data-target="#myModal" data-content="content" title="dds" data-placement="top">More Options...</button>

http://getbootstrap.com/javascript/#modals