Javascript 引用Twitter引导弹出窗口中的对象
我正在使用Twitter引导来显示一个popover;所以我写了这个:Javascript 引用Twitter引导弹出窗口中的对象,javascript,twitter-bootstrap,coffeescript,popover,Javascript,Twitter Bootstrap,Coffeescript,Popover,我正在使用Twitter引导来显示一个popover;所以我写了这个: <div class=navbar-right> <ul class="nav navbar-nav"> <li><a href="#" data-container="ul" data-toggle="popover" data-placement="bottom" data-content="<for
<div class=navbar-right>
<ul class="nav navbar-nav">
<li><a href="#" data-container="ul" data-toggle="popover" data-placement="bottom"
data-content="<form class='form-search'>
<div class='input-group'>
<input type='text' class='form-control' id='search-text'>
<span class='input-group-btn'>
<button type='submit' class='btn btn-default' id='search-submit'><i class='glyphicon glyphicon-search'></i></button>
</span>
</div> </form>" id="home-header-search"><span class="glyphicon glyphicon-search"></span> Search </a></li>
<li><a href="#" ><span class="glyphicon glyphicon-log-in"></span> Login </a></li>
<li><a href="#"><span class="glyphicon glyphicon-globe"></span> Languages </a></li>
</ul>
</div>
我怎样才能使那个按钮可供参考?感谢您的帮助Bootply: Js:
$('[data-toggle=popover]').popover({ html : true });
$('[data-toggle=popover]').on('shown.bs.popover', function(){
$('#search-submit').on('click', function(){
console.log("hi");
return false;
});
});
<div class=navbar-right>
<ul class="nav navbar-nav">
<li><a href="#" data-container="ul" data-toggle="popover" data-placement="bottom"
data-content="<form class='form-search'>
<div class='input-group'>
<input type='text' class='form-control' id='search-text'>
<span class='input-group-btn'>
<button type='submit' class='btn btn-default' id='search-submit'><i class='glyphicon glyphicon-search'></i></button>
</span>
</div> </form>" id="home-header-search"><span class="glyphicon glyphicon-search"></span> Search </a></li>
<li><a href="#" ><span class="glyphicon glyphicon-log-in"></span> Login </a></li>
<li><a href="#"><span class="glyphicon glyphicon-globe"></span> Languages </a></li>
</ul>
</div>
HTML:
$('[data-toggle=popover]').popover({ html : true });
$('[data-toggle=popover]').on('shown.bs.popover', function(){
$('#search-submit').on('click', function(){
console.log("hi");
return false;
});
});
<div class=navbar-right>
<ul class="nav navbar-nav">
<li><a href="#" data-container="ul" data-toggle="popover" data-placement="bottom"
data-content="<form class='form-search'>
<div class='input-group'>
<input type='text' class='form-control' id='search-text'>
<span class='input-group-btn'>
<button type='submit' class='btn btn-default' id='search-submit'><i class='glyphicon glyphicon-search'></i></button>
</span>
</div> </form>" id="home-header-search"><span class="glyphicon glyphicon-search"></span> Search </a></li>
<li><a href="#" ><span class="glyphicon glyphicon-log-in"></span> Login </a></li>
<li><a href="#"><span class="glyphicon glyphicon-globe"></span> Languages </a></li>
</ul>
</div>
它可以工作,谢谢!我很难把它转换成咖啡脚本