1

我正在尝试使用 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");
             });
        }
    },
});
4

1 回答 1

1

我玩得很快，如果我将工具提示设置为模态显示，我就能让它工作。

即让您的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 。

于 2012-03-06T08:22:42.230 回答