$(document).ready(function(){
$('#button').click(function(){
$('.accordion').load('<iframe src="google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>');
});
});
This can't display the iframe of google.com. Can anyone provide suggestions on how to fix it?
jQuery's load function isn't used this way. It takes a URL as a parameter, among others, and loads the response from that URL.
If you are trying to create an iframe DOM element, use the jQuery function to do this and append it where you want:
$('<iframe src="http://google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>')
.appendTo('.accordion');
or
$('<iframe>', {
src: 'http://google.com',
id: 'myFrame',
frameborder: 0,
scrolling: 'no'
}).appendTo('.accordion');
If .accordion is a container for your iframe try this instead:
$(document).ready(function(){
$('#button').click(function(){
$('.accordion').html('<iframe src="google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>');
});
});
And fix that quote syntax :)
2 errors.
close google.com with double quotes.
$('.accordion').load( '< iframe src="http://www.google.com" frameborder="0" scrolling="no" id="myFrame">');
(Ignore the space in iframe tag)
loadfunction. Besides that, you have quoting issues in your code.