السلام عليكم
لدي سؤال بخصوص الجيكوري وهو كيف يمكن لي تحديد أكثر من قسم باستعمال
جربت هذه الصيغة ووجدت أنها مكررة
$(".recentpost li:first").addClass("col-md-6");
$(".recentpost li:second ").addClass("col-md-6");
$(".recentpost li:third ").addClass("col-md-3");
$(".recentpost li:fourth ").addClass("col-md-3");
ما أريده هو كيف يمكن لي اختصار الصياغة أعلاه ، بحيث يتم إضافة col-md-6 إلى السطر الأول والثاني وcol-md-3 إلى السطر الثالث والرابع
استخدم الفاصلة لإختيار أكثر من عنصر كالتالي:
$(".recentpost li:first, .recentpost li:second").addClass("col-md-6");
$(".recentpost li:third, .recentpost li:fourth ").addClass("col-md-3");
مكتبة jQuery تستخدم CSS Selector في تحديد واختيار عناصر الوثيقة DOM لهذا رُبما يُفيدك الموضوع التالي:
شكرا لك على المساعدة ، أنا أريد هذه الصيغة لإجبار دمج كلاسات البوتسراب مع json لجعلها متجاوبة .
انا اعتمد طريقة جيدة بالجافاسكريبت لل مقالات التي تم جلبها من خلال json مباشرة :)
if ((i === 0) || (i === 1)) {
htmlcode += '<li class="post col-md-6">First and Second Post</li>';
} else {
htmlcode += '<li class="post col-md-3">Other Posts</li>';
}
حيث ان 0 هو دلالة للمقالة الاولى التي تم جلبها من JSON اي حسب المصفوفات هذا مثال لمصفوفة من 4 مقالات : ['0', '1', '2', '3'] اذن 0 يدل على المقالة الاولى و 1 المقالة الثانية وهكذا.... بينما حرف i هو متغير قمت بوضعه ضمن for loop مثال :
for (var i = 0; i < data.json.entry.length; i++)
أي يمكنك تغيير المتغير i حسب ما لديك، بينما المتغير htmlcode استعمله لطباعة الكود على هيئة HTML ليس الا،
اتمنى ان تفيدك هذه الطريقة فهي التي اعمل بها بدل اعتماد الجيكويري فهي ليست احترافية!!
اخي اسامه كان لدي سؤال حول منصه بلوجر اتمني ان تجيبني عليه
وهو شرح طريقه عمل روابط المقالات والتسميات الخ .. بـ blogger json feed
شكرا لك صديقي :)
لقد قمت فعلا بعمل دورة صغيرة مبسطة لنفس فكرة جلب البيانات من رابط ال JSON FEED الخاص ببلوجر :
هي دورة من 7 دروس حيث قمت بتبسيط الفكرة قدر المستطاع، وهذه قائمة من الاكواد التي ستسعملها لجلب البيانات لمدونة على بلوجر :)
الرابط هو لمدونة خاص بي اهملتها لمدة ازيد من سنة ولدي مخطط لاعادة احياء هذه المدونة وافادة الشباب العرب في فهم التطوير على بلوجر باحتراف :)
اشكرك اخي ولكني شاهدتها كلها منذ اليوم الثاني لها علي يوتيوب وكذلك مدونتك الاحترافيه قد قرأت جميع ما فيها .. وكان لي سؤال اخر هل لك ان تجيبني عليه (فضلاً وليس أمراً)
ايضا تستعمل ال JSON مع القليل من اكواد الجيكويري مثلا الدوال التالية : .find() او .match()
مثلا في القائمة انا افضل الاعتماد على احدى الاداتين التاليتين : PageList or LinkList ولنفترض هذه ال Linklist لها كلاس معين لكي نستطيع البحث ضمنها على string ليتم طباعة الناتج بدلها. الامر ليس صعب لكن معقد نوعا ما ويحتاج شرحا مطولا ومفصلا لفهم الامر لذلك فقط ساحاول توضيح بعض الامور كمثال فقط.
هذا كود ل section ضمنه اداة LinkList مخصصة :
<b:section class='menu' id='menu' maxwidgets='1' showaddelement='no'>
<b:widget id='LinkList1' locked='true' title='Bages' type='LinkList' version='1' visible='true'>
<b:includable id='main'>
<ul>
<b:loop values='data:links' var='link'>
<li expr:class='data:link.name'><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
حسب ما ترى لدينا كلاس الا وهو menu. وهو ما سنحتاجه للاستدعاء عبر الجيكويري!
$(".menu ul > li > a").each(function() {
var $this = $(this),
text = $this.text();
if (text.match('megamenu')) {
هنا الكود الخاص بال JSON
}
});
هذا الكود سيقوم بطبع البيانات التي تم جلبها من ال json عندما يتطابق النص المتواجد ضمن العنصر a اي انه اذا قمت بكتابة megamenu مباشرة سيتم طبع المقالات لكن هذا لا يستثني ان تقوم بانشاء function لطبع البيانات التي قمت بجلبها من خلال JSON انا فقط وضحت الطريقة، عموما الشرح طويل ويحتاج فيديو!!
جزاك الله خيراً ..... ولدي الكثير من الاسئله ولكن اعرف ان الساعه الان قاربت علي الواحده وهو ميعاد نوم فأنا اشكرك جداً علي هذا المجهود والي لقاء اخر ان شاء الله ولكن في المره القادمه سوف يكون حواراً مفتوح :)
شكراً صديقي
التعليقات