[英]Bootstrap onClick button event
这似乎是一个愚蠢的问题,但刚刚获得引导程序,它没有在网站上提供任何关于向按钮添加 Javascript 回调的示例......
尝试将我的按钮设置为 id 标志,然后
<div class="btn-group">
<button id="rectButton" class="btn">Rectangle</button>
<button class="btn">Circle</button>
<button class="btn">Triangle</button>
<button class="btn">Line</button>
<button class="btn">Curve</button>
<button class="btn">Pic</button>
<button class="btn">Text</button>
<button class="btn">Gradient</button>
</div>
我想向矩形按钮添加回调...
$('#rectButton').on('show', function (e) {
//ACTION
})
无法获得引导回调的重点。
我在网上能找到的所有内容都是面向 Rails + Bootstrap 的……没有引导程序和 JS。
js 中没有show
事件 - 您需要将按钮绑定到click
事件:
$('#id').on('click', function (e) {
//your awesome code here
})
请注意,如果您的按钮位于form
,您可能更愿意将整个表单绑定到submit
事件。
如果像我一样在页面上动态创建按钮,
$("#your-bs-button's-id").on("click", function(event) {
or
$(".your-bs-button's-class").on("click", function(event) {
方法将不起作用,因为它们仅适用于当前元素(而非未来元素)。 相反,您需要引用在网页初始加载时存在的父项。
$(document).on("click", "#your-bs-button's-id", function(event) {
or more generally
$("#pre-existing-element-id").on("click", ".your-bs-button's-class", function(event) {
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.