Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用qtip插件将按钮插入工具提示';行不通_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 使用qtip插件将按钮插入工具提示';行不通

Javascript 使用qtip插件将按钮插入工具提示';行不通,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在下面编写了用于html链接的qtip插件代码: $(document).ready(function() { $('#login').qtip({ content: '<table><tr><td>Username</td><td><INPUT type="text" value="" name="username" title="Enter Username" class=

我在下面编写了用于html链接的qtip插件代码:

    $(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 }
            }
        });
     });
$(文档).ready(函数(){
$('#login').qtip({
内容:“用户名”+
“密码”+
“登录”,
显示:{当:{事件:'单击'},
效果:{type:'fade',长度:200}
},
隐藏:{when:{event:'unfocus'},
效果:{type:'fade',长度:430}
},
职位:{
调整:{调整大小:真
},
角落:{
目标:“左下角”,
工具提示:“左上角”
}
},
风格:{
名字:'黑暗',
宽度:{max:700}
}
});
});
但是提交按钮不起作用!!!!???有人帮忙吗

是否将
登录名
替换为

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

工作


另外,我没有看到任何地方有一个包含所有表单输入的action或method属性。因此,我认为当您提交表单时,浏览器不知道该做什么。

如何定义“工作”?是否要提交ajax请求?当用户单击按钮时是否有运行的事件?应该提交表单吗?是的,关于表单元素你是对的!!那么你有什么建议呢?正如链接所说,这取决于你的目标是什么。action属性获取要运行的服务器端脚本的地址。method属性记录发出的请求类型。我会阅读表单元素和服务器端脚本。事实上,我正在着手设计,还没有编写服务器端代码,但查看此链接以获取完整的代码。我认为如果我将登录控件放入div并按照我的意愿隐藏/显示它会更好,使用工具提示会更好吗?