我创建了一个名为'html'的java变量,在其中我使用jQuery添加了一个带有锚的div,我用它来进行一个revel模式弹出窗口。当我启动网站时,模态工作正常但我在它旁边得到了这个[object Object]消息,我真的不知道为什么。有没有办法删除它或我需要修改代码?您可以点击任意标记在Website Example找到示例。我正在使用ajax jquery 1.8.0。
html = '<div id="infoWindow">';
if (paddimg) {var html = html + '<a class="infoa" data-reveal-id="modal2" href="#" data-animation="fade"></a>'};
if (paddimg) {var div = $('<div id="modal2" class="modal"><p>Public address: '+padd+'</p><br/><img width="200px" src="'+paddimg+'"><a class="close-reveal-modal">×</a></div>')};
$('body').append(div);
if (paddimg) {var html = html + div};
var html = html + '<\/div>';
答案 0 :(得分:0)
这是你的直接问题:
if (paddimg) {var html = html + div};
您使用div作为字符串
也许试试这个:
html = $('<div id="infoWindow"></div>');
if (paddimg) {
var _a = $('<a class="infoa" data-reveal-id="modal2" href="#" data-animation="fade"></a>')
var div = $('<div id="modal2" class="modal"><p>Public address: ' + padd + '</p><br/><img width="200px" src="' + paddimg + '"><a class="close-reveal-modal">×</a></div>')
html.append(_a).append(div);
} else {
$('body').append(div);
}
答案 1 :(得分:0)
您的问题是JQuery
object
,var div = $('<div id="modal2" class="modal"><p>Public address: '+padd+'</p><br/><img width="200px" src="'+paddimg+'"><a class="close-reveal-modal">×</a></div>')
(无论其有效程度如何),并且您将其连接到字符串if (paddimg) {var html = html + div};
[object Object]
打印到控制台,则会看到相同的div
没有看到你的其余代码(或者真正理解为什么你做了这样的事情)我假设这个段应该是这样的:
html = '<div id="infoWindow">'
if (paddimg) {
html = html + '<a class="infoa" data-reveal-id="modal2" href="#" data-animation="fade"></a>'
var div = '<div id="modal2" class="modal"><p>Public address: '+padd+'</p><br/><img width="200px" src="'+paddimg+'"><a class="close-reveal-modal">×</a></div>'
$('body').append(div)
}
html = html + '<\/div>'