اذهب إلى المحتوى
  • 1

كيفية فتح a link في div داخل نفس الصفحة

مجدي جمعة

السؤال

Recommended Posts

  • 1

يمكنك استخدام دالة load من مكتبة Jquery .

مثال في كود html .

<a href="page1.html" class="load-page">page 1</a>

<div id="context"></div>

وفي جافا سكربت يمكنك كتابة الكود التالي


$('.load-page').on('click', function (e){

  e.preventDefault();
  
  var href = $(this).attr('href');
  
  $( "#context" ).load(href);

});

 

لا حظ اننا انشأنا رابط رابط a tag واعطيناه الخاصية href برابط الملف يمكن المسار مختلف عندك .

بعد ذالك قمنا بانشاء div#context وهذا هو التاج الذي سيتم جلب الصفحة بداخله .

 

بعد ذالك في جافا سكربت اخبرناه اذا تم الضغط علي a.load-page اولا المتغير e وهو يمثل ال event او التاج الذي تم الضغط عليه قمنا باستدعاء الدالة preventDefault() وكانك تقوم له لا تذهب الي اي مكان بعد ذالك قمنا بجلب قيمة الخاصية href التي تحتوي رابط الصفحة وذالك باستخدام الدالة attr بعد ذالك استخدمنا الدالة load واعطيناها رابط الصفحة في المتغير href لجلب الصفحة داخل التاج div#context وجدير بالذكر هنا انه لو كان لديك عدة روابط كل ما عليك هو نسخ التاج a ثم تغيير رابط الصفحة .

http://api.jquery.com/load/

ارجو ان يكون حل المشكلة ارجو المعذرة علي الشرح المستعجل للكود .

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...