让我的button type="submit"打开另一个手风琴
Make my button type="submit" open another accordion
在我使用Bootstrap3的网站上,我有一个有3个手风琴的页面。所有的手风琴都有字段和按钮,每个手风琴都有自己的进程。
我的问题是,当我点击我的<button type="submit">
从手风琴1,我希望它打开手风琴2(例如)。按钮必须在后面的代码中触发,以便在打开accordion 2之前终止在accordion 1中完成的过程。显然,我不能使用<button type="button">
,因为这不会在后面的代码中触发,我设置了<a>
,但后来意识到我无法在后面的代码中触发它。
我得到的一个解决方案是将href
添加到按钮,虽然这是不支持的,因为它从我的手风琴中删除了所有内容,所以我可以用什么其他方法来指导我的按钮在代码后面触发结束我的过程,然后打开手风琴2。
也许它需要在JavaScript/jQuery或直接在HTML我不知道。我更喜欢HTML,但我愿意接受所有的建议。
我用谷歌搜索了一下,我知道button type="button"
需要以下属性data-toggle="collapse" data-parent="NameOfMyParent"
是的,您必须使用javascript(就像您已经使用手风琴一样)。我假设您使用jquery(就像您使用Bootstrap一样)。因此,一个解决方案是绑定一个事件来防止提交(在表单提交或按钮单击时),并使用$.ajax()
提交表单(如果您的表单包含一些上传过程,这可能会很复杂)。
$("#your_form_id").on("submit", function(e){
e.preventDefault();
var url = $(this).action;
var data = {};
/* get your form datas here */
$.ajax({
url:url,
data:data,
/* use any of theses callback, or none
*if you don't care about the request is correct or not
*/
success:function(res){},
error:function(res){},
complete:function(res){
// call your second accordion here
}
})
});
或者,您可以使用<input type="button">
并做相反的工作:将事件绑定到它以触发提交,或者只是启动手风琴,或任何事情。
修复。我所需要做的就是将id
添加到panel-body
中,然后使用data-target
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 使用clickToggle并在单击另一个元素时关闭元素
- 使用javascript将动态表从一个html页面打印到另一个html页
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 从Rally获取一个特定的标记,以便计算另一个字段中的值
- 无法从jquery Mobile导航栏重定向到另一个页面
- 如何在JQuery函数中定义一个值,然后调用另一个函数并使用该值
- 是否可以将一个函数输入连接到另一个函数调用的文本
- 字符串在将其传递给另一个活动Android JavaScript时读取Null
- 如何在鼠标悬停时在另一个图像上滑动图像.
- 导航到特定事件的另一个变量页面
- 正在传递JSONP标头's数据参数到另一个文件中的AJAX请求
- 如何在react js中将值从一个组件发送到另一个组件
- 我怎么能在一个URL中有两种类型的参数,其中一种以“”开头#"而另一个以“0”开头&"并且不替
- 我怎么能"getImageData”;从另一个网站?SECURITY_ERR:DOM异常18
- 如何添加另一个"条目“;转换为此JSON
- Lawnchair javascript数据"得到“;不允许我分配给另一个变量
- 使用“^"以检查字符串是否以另一个字符串开头