[英]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.