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

标签 javascript jquery html css

我在下面使用 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 }
            }
        });
     });

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

最佳答案

是否替换 <button id="loginbtn" type="submit" >login</button>

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

工作?

此外,我没有看到 form element任何带有包装所有表单输入的 Action 或方法属性的地方。因此,我认为浏览器不知道在您提交表单时要做什么。

关于javascript - 使用 qtip 插件按钮进入工具提示不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9817366/

相关文章:

javascript - 如何知道将带有文件的表单提交到 iframe 是否失败

javascript - 在 Javascript 中将 HTML 文件内容转换为字符串

javascript - jPages 无法识别使用 jQuery 动态添加的图像

javascript - Nodejs npm 安装nodemon 失败

javascript - 显示/隐藏文本 JQuery

javascript - jQuery合并不同id的功能

javascript - 查询、排序和替换 DOM 元素

javascript - 如何使用 RxJS 控制多个 ajax 调用的压力

jquery - Slick Slider - CSS 动画闪烁

html - 通过将鼠标悬停在另一个元素上来触发一个元素上的动画