iframe में एक वर्ग जोड़ें और iframe - jquery प्रदर्शित करने के लिए उस वर्ग का चयन करें

मेरे पास एक jquery कोड है जो iframes आधार बनाता हैकोड कितने रिकॉर्ड्स पाता है, एक बटन जो आईफ्रेम का आकार बदलता है, मैं जो करने की कोशिश कर रहा हूं वह आईफ्रेम पर एक क्लास जोड़ता है, ताकि मैं केवल क्लिक पर आईफ्रेम दिखा सकूं। यह वह कोड है जो मेरे पास है, लेकिन यह सभी iframes दिखाता रहता है

$("<iframe />" , {
src: strTest,
id: "myframe",
width: "100%"

}).appendTo(".content");
$("<button/>", {
align: "center"
})
.text("Select Patient")
.click(function () { $("#myframe").attr("Height", "125%").addClass("selectedIframe"); }).appendTo(".content");
$(".selectedIframe", window.parent).show();
$("<hr />").appendTo(".content");
}

क्या कोई मेरी मदद कर सकता है या मुझे सही दिशा में इंगित कर सकता है धन्यवाद

उत्तर:

जवाब के लिए 0 № 1

आपको प्रत्येक फ्रेम के लिए एक अद्वितीय आईडी निर्दिष्ट करने की आवश्यकता है। वर्तमान में आपका कोड हमेशा एक ही आईडी के साथ फ्रेम बनाने लगता है - myframe

आप इसका उपयोग कर फ्रिग करने में सक्षम हो सकते हैं $(this) कोड की इस पंक्ति पर:

$(this).attr("Height", "125%").addClass("selectedIframe");

जवाब के लिए 0 № 2

ऐसा लगता है कि जब आप iframe बनाते हैं तो आपको कक्षा को जोड़ने की आवश्यकता होती है:

$("<iframe />" , {
src: strTest,
id: "myframe",
width: "100%"

}).appendTo(".content").addClass("selectedIframe");

इसके बजाय आप इसे अभी कहां कर रहे हैं (क्लिक हैंडलर में)।


जवाब के लिए 0 № 3

जब आप तत्व बनाते हैं तो आप कक्षाओं और सामग्री जैसे सामान जोड़ सकते हैं, और यदि आप चर का उपयोग करते हैं तो आप बाद के कार्यों में तत्वों का संदर्भ दे सकते हैं:

var iframe = $("<iframe />" , {src    : strTest,
id     : "myframe",
width  : "100%",
"class": "myIframe"
}),
button = $("<button />", {style: "margin: 0 auto; position: relative",
text : "Select Patient"
});

$(".content").append(iframe, button);

button.on("click", function() {
iframe.css({height: "125%"}).addClass("selectedIframe");
});

$(".selectedIframe", window.parent).show();
$("<hr />").appendTo(".content");

नोटिस जो class इस तरह इस्तेमाल किया जाना चाहिए उद्धृत किया जाना चाहिए, क्योंकि यह एक आरक्षित जावास्क्रिप्ट कीवर्ड है।


जवाब के लिए 0 № 4

क्लिक पर क्लिक करेंक्लिक:

var iframe = $("<iframe />" , {src    : strTest,
id     : "myframe",
width  : "100%",
onclick: function(){ $(this).addClass("myIframe"); }
}),
button = $("<button/>", {style: "margin: 0 auto; position: relative",
text : "Select Patient"
});

$(".content").append(iframe, button);

button.on("click", function() {
iframe.css({height: "125%"}).addClass("selectedIframe");
});

$(".selectedIframe", window.parent).show();
$("<hr />").appendTo(".content");

संबंधित सवाल
सबसे लोकप्रिय