使用qtip插件进入工具提示按钮不起作用

时间:2012-03-22 06:18:48

标签: javascript jquery html css3

我在下面使用qtip插件编写了这段代码,用于html链接:

    $(document).ready(function() {
        $('#login').qtip({
            content: '<table><tr><td>Username</td><td><INPUT type="text" value=""   name="username" title="Enter Username" class="txtbx"/></td>' +
            '<td>Password</td><td><INPUT type="password" value="" name="password" title="Enter password" class="txtbx"/></td>' +
            '<td><button id="loginbtn" type="submit" >login</button></td></tr></table>',
            show: { when: { event: 'click' },
                effect: { type: 'fade', length: 200 }
            },
            hide: { when: { event: 'unfocus' },
                effect: { type: 'fade', length: 430 }
            },
            position: {
            adjust: { resize: true 

        },
                corner: {
                    target: 'bottomLeft',
                    tooltip: 'topLeft'
                }
            },
            style: {
                name: 'dark',
                width: { max: 700 }
            }
        });
     });

但提交按钮不起作用!!!! ???这里有任何帮助!!

1 个答案:

答案 0 :(得分:1)

替换<button id="loginbtn" type="submit" >login</button>
<input name="loginbtn" id="loginbtn" type="submit" value="login" />

工作?

此外,我没有看到form element随处有动作或方法属性包装所有表单输入。因此,我不认为浏览器在提交表单时知道该怎么做。