Endlessly পাখির বাসা <div> ট্যাগ্স এবং jQuery

এই যেমন একটি oddball বিষয়ের মত মনে হয়, আমি এটা সম্পর্কে সত্যিই মূল্য ব্লগিং কি না নিশ্চিত নই, কিন্তু আগে যে আমাকে থামানো না এর, তাই আমরা এখানে হাসি

আমি একটি অনুসন্ধান থেকে কিছু তথ্য pulling করছি যেখানে একটি প্রকল্পের কাজ করছি, XML-এর পরিণামে XSLT স্টাইলশীট মাধ্যমে HTML এর মধ্যে রুপান্তরিত হয় তারপর একটি XML পাঠান মধ্যে এটি আপ প্যাকেজিং এবং.  জড়িত jQuery একটি অনেক আছে, যা এক বিট কিছু tabbing বৈশিষ্ট্য প্রয়োগ করা হয়.  আপনি একটি ট্যাব ক্লিক করুন (সত্যিই, একটি <div>), jQuery invokes. আড়াল() এবং. শো() বিভিন্ন divs নেভিগেশন (এই ক্ষেত্রে কোন postbacks আছে তাই প্রারম্ভিক পৃষ্ঠা লোড সমস্ত বিষয়বস্তু ডাউনলোড করা).

ঘন্টার একটি গুচ্ছ আগে, ট্যাব সুইচিং যুক্তিবিজ্ঞান erratically আচরণ শুরু করে এবং এটা আমার ট্যাব এক প্রদর্শন করা হবে না.  আমি শেষ পর্যন্ত যে ইন্টারনেট এক্সপ্লোরার আসলে এটা ডাউন ট্র্যাক (অন্তত) চিন্তা <div> ট্যাগ পর্যন্ত নেস্টেড, intended.The ডেভেলপার টুলবার তুলনায় অনেক গভীর দেখাতে হবে:

-<DIV আইডি = "Tab1Content">
  -<div>
    -<div>
      -<DIV আইডি = "Tab2Content">
        -<div>
           ..............................
                   </div>  <-পরিশেষে এটা সব পথ নিচে এখানে বন্ধ ছিল দেখাচ্ছে!

সুতরাং, আমি একটা না হলে $("# Tab1Content").আড়াল(), আমি Tab2 আড়াল চাই এবং আমি এও Tab1 প্রদর্শন না করে থাকেন, তাহলে আমি Tab2 কখনও দেখাবেন না পারে.  আমি কপি করা এবং আটকানো কোড আপ ভিসুয়াল স্টুডিও মধ্যে এবং এটা চমত্কারভাবে DIV এর আস্তরণের সব আপ দেখিয়েছে, তারা কাজ করা অনুমিত হয় ঠিক মত, ভালো খুঁজছেন:

-<DIV আইডি = "Tab1Content">
  +<div>
  +<div>
-<DIV আইডি = "Tab2Content">
  +<div>
  +<div>

আমি একটু অপেক্ষা করার জন্য প্রাচীর বিরুদ্ধে আমার মাথা এবং বীট প্রকৃত HTML কোড মধ্যে খালি অনেক উৎপাদিত ছিল লক্ষ্য করেছি যে, <div> ট্যাগ, চাই:

<শরীর>

  <DIV আইডি = "Tab1Content">

    <DIV আইডি = "row1" />
    <DIV আইডি = "row2" />

  </div>

  <DIV আইডি = "Tab2Content">

    <DIV আইডি = "row1" />
    <DIV আইডি = "row2" />

  </div>

</শরীর>

(উপরোক্ত waaaaaaaaaaaay oversimplified হয়.  খালি DIV ট্যাগ সম্পূর্ণভাবে বৈধ নয়. আমার কিছু <div> ট্যাগ এড়িয়ে পূর্ণ ছিল, কিন্তু আরো অনেক ছিল না.  আমি আদায় আসেন যে আমার <xsl:-প্রতিটি জন্য> যখন XSL নির্দেশ স্বল্প ফর্ম DIV ট্যাগ emitting হয়েছে:জন্য প্রতিটি 'কোনো তথ্য খুঁজে পান না.  আমি আউটপুট মধ্যে একটি HTML মন্তব্য জোরপূর্বক, চিত্রের:

image

 

আমি যে কি পরে, সমস্ত DIV চমত্কারভাবে আপ রেখাযুক্ত এবং আমার ট্যাব সুইচিং এর কাজ শুরু.

সবসময়, আমি এই একটি চিম্টি মধ্যে কেউ সাহায্য আশা.

</শেষ>

আমার ব্লগ এর জন্য সাবস্ক্রাইব করুন.

টুইটারে আমার অনুসরণ http://www.twitter.com/pagalvin

সাইফুল আলম চৌধুরী

আপনার ইমেইল ঠিকানা প্রচার করা হবে না. প্রয়োজনীয় ক্ষেত্রগুলি চিহ্নিত করা আছে *