জাভাস্ক্রিপ্ট অবজেক্ট থেকে এসসিআর এবং আইডি দিয়ে জিকুয়েরির সাথে একটি নতুন ইমগ ট্যাগ কীভাবে তৈরি করবেন?


87

আমি জিকুয়েরিকে মূল অর্থে বুঝি তবে এটি অবশ্যই নতুন new এবং সন্দেহ হয় এটি খুব সহজ।

আমি JSON প্রতিক্রিয়াতে আমার চিত্র src এবং আইডি পেয়েছি (কোনও বস্তুতে রূপান্তরিত), এবং সুতরাং প্রতিক্রিয়াঅবজেক্ট.আইমগুরল এবং প্রতিক্রিয়াঅবজেক্ট.আইমিডে সঠিক মান রয়েছে এবং এখন আমি এটি দিয়ে একটি চিত্র তৈরি করতে এবং এটিতে যুক্ত করতে চাই একটি ডিভ (এটি কল করতে দিন <div id="imagediv">। আমি গতিশীলভাবে তৈরিতে কিছুটা আটকে আছি <img src="dynamic" id="dynamic">- আমি দেখেছি বেশিরভাগ উদাহরণ বিদ্যমান চিত্রটিতে src প্রতিস্থাপনের সাথে জড়িত, তবে আমার কাছে বিদ্যমান চিত্র নেই)।

উত্তর:


138

JQuery এ, কনস্ট্রাক্টরকে এইচটিএমএল স্ট্রিং দিয়ে নীচে প্রদর্শিত হিসাবে একটি নতুন উপাদান তৈরি করা যেতে পারে:

var img = $('<img id="dynamic">'); //Equivalent: $(document.createElement('img'))
img.attr('src', responseObject.imgurl);
img.appendTo('#imagediv');

@ a7omiton প্রসঙ্গমেনু বা পরিদর্শকের মাধ্যমে উত্স দেখুন? প্রসঙ্গমেনু (বা Ctrl + U) জাভাস্ক্রিপ্ট দ্বারা পরিবর্তনগুলি ছাড়াই সার্ভার থেকে প্রাপ্ত ডেটা দেখায়। লাইভ পরিবর্তন সহ ডকুমেন্টের সক্রিয় এইচটিএমএল দেখতে ডিওএম পরিদর্শক ব্যবহার করুন।
রব ডব্লু

ওফসফসফ আমি মন্তব্যটি মুছে ফেলেছি: /, এটি এখন
ডিভাইসগুলিতে

আপনি ঠিক বলেছেন যে চিত্রগুলি উত্স পৃষ্ঠায় প্রদর্শিত হচ্ছে না (
সিটিআরএল

@ a7omiton আপনি নীচে-ডান কোণায় গিয়ার আইকনে ক্লিক করে এবং "উত্স মানচিত্র সক্ষম করুন" বিকল্পটি অক্ষম করে jquery.min.map সম্পর্কে 404 সতর্কতাগুলি অক্ষম করতে পারেন।
রব ডব্লু

হ্যাঁ, আমি শুধু paul_irish (দ্বারা সমাধান দিকে তাকিয়ে ছিল stackoverflow.com/questions/18365315/... )। তার জন্য ধন্যবাদ :)
a7omiton



2

আইই 8-তে যাদের একই বৈশিষ্ট্যটির প্রয়োজন তাদের জন্য আমি এইভাবে সমস্যার সমাধান করেছি:

  var myImage = $('<img/>');

               myImage.attr('width', 300);
               myImage.attr('height', 300);
               myImage.attr('class', "groupMediaPhoto");
               myImage.attr('src', photoUrl);

আমি IE8 কে কনস্ট্রাক্টারে অবজেক্টটি ব্যবহার করতে বাধ্য করতে পারি না।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.