可以´不要将form与qtip2一起使用.(活动不会激活.)
Can´t use form with qtip2. (Events won´t activate.)
我正在尝试使用qtip并创建一个显示在qtip中的嵌入式表单。当我试图创建一个提交事件到我的表单时,什么都不会发生。我使用的是jquery 1.7和最新的qtip版本。
我试着使用http://craigsworks.com/projects/qtip2/demos/但他们的演示对我不起作用。请看一下我的代码,告诉我是否做错了什么。
提前感谢!
$("#addNews").qtip({
position: {
corner: {
target: 'bottomMiddle',
tooltip: 'topMiddle'
},
adjust: { x: 0, y: 0 }
},
show: {
when: { event: 'click' },
solo: true
},
hide: {
fixed: true,
when: { event: 'unfocus' }
},
content: {
text: '<form id="frmAddNews"><div class="inputWrap left"><div class="label">Rubrik</div><input type="text" id="" name="" class="inputText" value="" /></div><div class="inputWrap left"><div class="labelTextarea">Meddelande</div><textarea id="" name="" class="inputTextarea" value=""></textarea></div><div class="submit_container"><input type="submit" value="Lägg till nyhet" /></div><div style="clear:both"></div></form>',
},
style: {
border: {
width: 5,
radius: 2,
color: '#e1e1e1'
},
width: 350,
background: '#FFF',
padding: 15,
tip: true, // Give it a speech bubble tip with automatic corner detection
name: 'cream' // Style it according to the preset 'cream' style
},
events: {
render: function(event, api) {
$('form', this).bind('submit', function(event) {
event.preventDefault();
console.log("hej");
});
}
},
});
我玩得很快,如果我将工具提示设置为模式显示,我就能让它发挥作用。
即将您的show
选项对象设置为:
show: {
event: 'click', // Show it on click...
modal: {
on: true,
// Don't let users exit the modal in any way
blur: false, escape: false
}
},
我用来玩的jsFiddle。
相关文章:
- 使用Dnamics CRM 2011中的JavaScript读取子网格的所有记录,而不考虑活动页面
- 转义符不能与innerHTML一起使用
- 字符串在将其传递给另一个活动Android JavaScript时读取Null
- 活动选项卡's源代码-获取变量s值
- 在Angular 2中布线期间保持零部件处于活动状态
- 在ajax成功后,cluetip不适用于首次点击活动元素
- 高亮显示与数组字符串一起使用时文本插件中断
- 如何使bxslider仅在移动视图中处于活动状态
- setTimeout可以与闭包内的函数一起使用吗
- 将依赖外部库的UMD模块与browserfy捆绑在一起
- Highcharts colorsByPoint与系列中的线性渐变一起使用时不起作用
- JQuery中的活动搜索栏
- 如何将js库与typescript一起使用
- 悬停下拉菜单即使在鼠标移出后也保持活动状态
- 将js添加到wordpress中以突出显示css活动菜单
- Google 脚本:用于创建日历活动的脚本运行时不会出错,但不会执行任何操作
- 将编校器与活动管理员一起使用
- 您可以将变量与 NG-CLASS 活动链接与 Angular 一起使用吗?
- 可以´不要将form与qtip2一起使用.(活动不会激活.)
- 与JS选项卡式内容一起使用时,ScrollSpy显示错误的活动选项卡