ফলকে কার্যকর হওয়ার সাথে একটি উপাদান যুক্ত করুন [jQuery]


121
var html = "<div id='blah'>Hello stuff here</div>"

$("#mycontent").append(html).fadeIn(999);

এটি কাজ করে না বলে মনে হচ্ছে।

সামগ্রীটি যুক্ত হয়ে গেলে আমি কেবল একটি দুর্দান্ত প্রভাব চাই।

দ্রষ্টব্য: আমি কেবলমাত্র নতুন "ব্লাহ" ডিভিডটি বিবর্ণ করতে চাই, পুরো "মাইকিন্টেন্ট" নয়।


উত্তর:


262
$(html).hide().appendTo("#mycontent").fadeIn(1000);

1
আমি কেবল নতুন "
টিমেক্স

@ টিমেক্স: এটি করা উচিত।
ইকটোফায়

আপনি প্রথমে আড়াল করার পরে যুক্ত হওয়ার কোনও কারণ রয়েছে (কারণ ডিওমে সংযুক্ত হওয়ার আগে প্রথমে কোনও শৈলী নির্ধারণ করা আরও দ্রুত, বা এরকম কিছু) বা এটি কোনও পার্থক্য রাখে না?
কিওয়ারটিমক

2
@ কিওয়ারটিমক: এর আসল কারণ নেই। ব্রাউজারগুলি যদি ডিওএমকে এখনও চালিত করা চলাকালীন রেন্ডার করা হয় (যা বর্তমানে কোনও ব্রাউজার আমার জানা মতে না করে), এতে ফাইন্ডিং শুরু হওয়ার আগে কোনও লিখিত সামগ্রী থাকবে না Again আবার, সত্যিই গুরুত্বপূর্ণ নয়।
ickতুফয়ে

1
@ আর্থার তারাসভ: এটি #blahনিজের মধ্যে সংযোজন , যা আপনি কিছু করতে চান বলে মনে হচ্ছে না (এবং আমি অনুমান করছি যে এটি কোনও অপ-বিকল্প হিসাবে ব্যাখ্যা করা হয়েছে)। আপনি পাশাপাশি কেবল .appendToঅংশটি ফেলে দিন $('#mycontent').hide().fadeIn(1000)
icttoofay

52

আরও কিছু তথ্য যুক্ত করা হচ্ছে:

jQuery "মেথড চেইনিং" প্রয়োগ করে, যার অর্থ আপনি একই উপাদানগুলিতে পদ্ধতি কলগুলি চেইন করতে পারেন। প্রথম ক্ষেত্রে:

$("#mycontent").append(html).fadeIn(999);

আপনি fadeInএক্ষেত্রে পদ্ধতি শৃঙ্খলার লক্ষ্যবস্তুতে সেই বস্তুটিতে কল প্রয়োগ করবেন #mycontent। আপনি যা চান তা নয়

@ অিক্টোফয়েসের (দুর্দান্ত) উত্তরে আপনার কাছে রয়েছে:

$(html).hide().appendTo("#mycontent").fadeIn(1000);

এটি মুলত মানে, তৈরি html, এটিকে সেট ডিফল্ট দ্বারা লুকানো, এর এটা যোগ #mycontentএবং তারপর ফেইড এটা। পদ্ধতি চেন লক্ষ্য এখন hmtlপরিবর্তে #mycontent


18

এটিও কাজ করে

$(Your_html).appendTo(".target").hide().fadeIn(300);

শুভেচ্ছা সহ


এটি বিবর্ণ হ্যান্ডেল করার জন্য এটি সবচেয়ে নান্দনিকভাবে আনন্দদায়ক উপায় কারণ এটি HTML কে সম্পূর্ণরূপে রচনা করতে এবং
ম্লান

0

যেহেতু ফেইডইন হাইড থেকে দেখানোর জন্য একটি রূপান্তর, সুতরাং আপনি যখন এটি যুক্ত করবেন তখন আপনাকে "এইচটিএমএল" উপাদানটি আড়াল করতে হবে এবং তারপরে এটি প্রদর্শন করতে হবে।

var html = "<div id='blah'>Hello stuff here</div>"

$("#mycontent").append(function(){
  return html.hide();
});

$('#blah').fadeIn(999);

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