我的html代码是:
<div class="ui-widget photo">
<div class="ui-widget-header ui-corner-all">
<h2>St. Stephen's Cathedral</h2>
<h3><a href="http://maps.google.com/maps?q=vienna,+austria&z=11" data-geo="data-geo">Vienna, Austria</a></h3>
</div>
<div id="result"></div>
</div>
我的 Javascript 代码是:
$(function () {
$(document).tooltip({
items: "[href]",
content: function () {
var element = $(this);
if (element) {
var text = element.text();
var link = element.attr('href');
// alert(link);
return "<img class='map' alt='" + text +
"' src='http://maps.google.com/maps/api/staticmap?" +
"zoom=11&size=350x350&maptype=terrain&sensor=false¢er=" +
"Vienna, Austria" + "'>";
}
}
});
});
这件事在这里给出:
但现在我想从另一个 url 加载另一个页面说:www.google.com在这个工具提示中。
我正在做的是:
我将.load()函数放在此内容部分中,以便我可以获得响应 html 并将其返回到工具提示中
这是我的代码,但它不起作用我没有得到任何回应......
$(function () {
$(document).tooltip({
items: "[href]",
content: function () {
$('#result').load('http://stackoverflow.com/', function (response, status, xhr){
var responseText = response;
});
var element = $(this);
if (element) {
var text = element.text();
var link = element.attr('href');
// alert(link);
return responseText;
}
}
});
});