[英]How to open jQuery modal dialog using <input type=“button”> instead of anchor tag?
我们以前有:
<input type='button' value='Some Button' onClick="window.open('somefile.php')">
现在我们要激活jQuery UI模式对话框而不是弹出窗口。 如果使用如下所示的锚标记,则可以触发模式对话框: <a href="somefile.php" class="classfordialog">Open Dialog</a>
。
但是,如果这是一个输入按钮呢?
我正在使用此脚本来调用对话框(以便它可以在对话框中打开文件):
$(document).ready(function() {
$('.classfordialog').each(function() {
var $link = $(this);
var $dialog = $('<div></div>')
.load($link.attr('href') + ' #content')
.dialog({
autoOpen: false,
title: $link.attr('title'),
width: 500,
height: 300
});
$link.click(function() {
$dialog.dialog('open');
return false;
});
});
});
Src: http : //blog.nemikor.com/2009/04/18/loading-a-page-into-a-dialog/
您可以使用任何方法来激活jQuery对话框的打开。
例如。
$(function(){
$('.classfordialog').click(function(e){ e.preventDefault(); $('#dialog').dialog(); });
});
您可以将类添加到按钮,输入,锚点,图像等中。
那么,您显然无法从“链接/ A”那里获得链接和标题吗?
$(document).ready(function() {
$('.classfordialog').each(function() {
var $dialog = $('<div></div>')
.load('somefile.php #content')
.dialog({
autoOpen: false,
title: 'Some title',
width: 500,
height: 300
});
$('.inputdialog').click(function(e){
e.preventDefault();
$dialog.dialog('open');
});
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.