jQuery का उपयोग करके आईफ्रेम कैसे बनाएं, और पेज पर प्रदर्शित करें?

Question

$(document).ready(function(){ 
    $('#button').click(function(){ 
     $('.accordion').load('<iframe src="google.com' frameborder="0" scrolling="no" id="myFrame"></iframe>'); 
    }); 
}); 

यह google.com का आईफ़्रेम प्रदर्शित नहीं कर सकता है। क्या कोई इसे ठीक करने के सुझाव दे सकता है?

Answer 1

jQuery के load function इस तरह से नहीं किया जाता है। यह पैरामीटर के रूप में एक यूआरएल लेता है, दूसरों के बीच, और उस यूआरएल से प्रतिक्रिया लोड करता है।

आप एक iframe डोम तत्व बनाने का प्रयास कर रहे हैं, तो यह करने के लिए jQuery समारोह का उपयोग करें और संलग्न अपने इच्छित स्थान:

$('<iframe src="http://google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>') 
    .appendTo('.accordion'); 

या

$('<iframe>', { 
    src: 'http://google.com', 
    id: 'myFrame', 
    frameborder: 0, 
    scrolling: 'no' 
    }).appendTo('.accordion'); 

Answer 2

2 त्रुटियां।

1. उपयोग पूर्ण पथ (यकीन नहीं यह आवश्यक है) दोहरे उद्धरण चिह्नों के साथ

2. पास google.com।

   $ ('accordion') लोड ('< iframe src = "http://www.google.com" frameborder = "0" scrolling = "no" id = "myframe">');

(iframe टैग में अंतरिक्ष ध्यान न दें)

Answer 3

तो .accordion एक कंटेनर है आपके iframe के लिए इसके बजाय इसे आजमाएं:

$(document).ready(function(){ 
$('#button').click(function(){ 
    $('.accordion').html('<iframe src="google.com" frameborder="0" scrolling="no" id="myFrame"></iframe>'); 
}); 

});

और उस उद्धरण वाक्यविन्यास को ठीक करें :)