كيفية الحصول div لتحميل انقر فوق لا عند تحميل الصفحة?[مغلقة]

Question

أنا حاليا بناء جعل موقعي الجديد.ويستخدم صفحة واحدة و يستخدم مسج accordian القائمة لتحميل المحتوى.محتوى هذا تقسيم في ستة div وجميع تحميل حالما يتم الوصول إلى الصفحة.أريد تحميل كل شعبة عند الارتباط به هو النقر على.تقليل وقت تحميل الصفحة.

يمكنك أن ترى في هذا العمل على التقدم في العمل الموقع من هنا: http://is.gd/1p1Ys

منذ لم أكن جعل مسج النصي أنا حقا سيئة في جافا سكريبت/مسج ليس لدي فكرة عما يجب القيام به.لذلك أنا أتساءل عما إذا كان أي شخص هنا يمكن أن تساعدني.

شكرا طن ،

ريان

Answer 1

أنا أتفق مع الأجوبة الأخرى التي مسج-ui علامات التبويب هل هذا الشيء بالضبط ، ولكن يمكنك الإختراق accordian.js الملف بسهولة جدا...مجرد تغيير hrefs في الملاحة الخاص بك إلى نقطة الخارجية ملفات html التي تحتوي على المحتوى الذي تريد ، أيhref="# "ينبوع الحياة "" = > href="lifestream.html",

ثم في accordian.js:

$links.click(function () {
  var link = this,
  if(!link.href.match(/^#.*/)) { //if the href doesn't start with '#'
    loadDiv(link.href);
  } else {
    doRestOfFunction(); //everything your script is currently doing.
  }
});

function loadDiv(href) {
  $.get(href, function(html) {
   var newDiv = $(html)
   $(".panels").append(newDiv);
   newDiv.hide();
   doRestOfFunction(); //same as above
  }
}

Answer 2

من الوصف الخاص بك، يبدو أن هذه divs لا يتم عرضها حتى يتم النقر فوق عنصر القائمة المستوى الأعلى. إذا كان هذا هو الحال، فيمكنك استخدام JQUERY لإدراج القائمة الفرعية Divs في DOM عند فتحه.

يمكنك العثور على برنامج تعليمي لائق على التلاعب JavaScript / DOM في W3Schools..

Answer 3

لست متأكدا من سيطرة الأكورديون هو ما أنت عليه - تحقق من jquery tabs. - يمكنك تحميل المحتوى عبر AJAX الذي سيمنعهم تحميل كل مرة واحدة. شرح لكيفية القيام بذلك هنا

Answer 4

أود أن أقترح النظر في علامات التبويب jQuery-ui إذا كنت ترغب في تحميل المحتوى في ديناميكيا. حاليا لم أر مؤملا متوافيا يتعامل معها، مما يجعل من المنطقي كاحتياجات متوافقة لمعرفة ارتفاع المحتوى، أيضا إذا قمت بالنقر فوق لوحة، كان عليك انتظار المحتوى الديناميكي الذي سيظهر متشنجا. علامات التبويب هي أفضل طريقة وأنسبت للمضي قدما.