سؤال

الأسبوع

DKK

"id="radio2" value="75" />

لدي مجموعة من هذه div الدخول الناتجة عن حلقة في حين إذا كنت ترغب في تحقيق هذا :عندما المدخلات داخل الدخول النقر أريد صورة الخلفية من دخول div للتغيير ، ولكن إذا اخترت إذاعية أخرى في إدخال آخر div ..كنت مثل كل التغييرات السابقة( مثل السابقة تغيير الخلفية) للذهاب بعيدا و لتغيير الخلفية الحالية div ..هنا هو ما حاولت أن أفعل ربما كنت يمكن أن تساعد ..هنا هو مسج أدناه

$("input").click(function() {

             $(this).parent("div").toggle(function() {
             $(this).parent("div").css("background", "url(images/div_bg_hover.png)");
             }, function() {
             $(this).parent("div").css("background", "url(images/div_bg.png)");

             });

شيء هو خلل ..أعني رمز inst' العامل في كل شيء ..أي شخص يمكن أن تساعدني ؟ شكرا لك


لقد حاولت كل هذا :

$("input").click(function() {
                 $("input").each(function() {
                     if (this.checked) {
                         $(this).parent("div").addClass("highlight");
                     }
                     else {
                         $(this).parent("div").removeClass("highlight");
                     }
                 });
             });

و

$("input").click(function() {
                 $("input").each(function() {
                     if (this.checked) {
                         $(this).parent("div").css("background", "url(images/div_bg_hover.png)");
                     }
                     else {
                         $(this).parent("div").css("background", "url(images/div_bg.png)");
                     }
                 });
             });

لسبب ما لا تعمل على الإطلاق لا تغيير الخلفية ، ربما لها أن تفعل شيئا مع رمز أعلاه هنا هو استكمال السيناريو :

 <script type="text/javascript">

         $(document).ready(function() {

             $(".left_navigation a:last").toggleClass('bolder');


             $("input").each(function() {
                 var element_value = $(this).val();
                 $(this).prev("p").append(" " + element_value + ",-");
             });


             $("input").click(function() {
                 $("input").each(function() {
                     if (this.checked) {
                         $(this).parent("div").addClass("highlight");
                     }
                     else {
                         $(this).parent("div").removeClass("highlight");
                     }
                 });
             });




         });

</script>
هل كانت مفيدة؟

المحلول

والمشكلة الفورية الأولى أرى أن مسج بك يفتقد }); في نهاية إلا إذا كنت قد نسيت فقط لصقه هناك. ومن شأن ذلك أن منعه من القيام بأي شيء آخر غير رمي خطأ ...

وهذا هو نسخة مبسطة من كنت قد حاولت من قبل. قد لا يقل عن جعل debuging قليلا أسهل.

<script type="text/javascript">
$(document).ready(function(){
    $("input").click( function() { 
         $("input").parent("div").removeClass("highlight");
         $(this).parent("div").addClass("highlight");
      });
  });
</script>

وعلى الرغم من أنني لا أرى بأسا من الواضح حول ما حاولت قبل مما يجعلني أتساءل عما إذا كان $("input") ومطابقة ما كنت أعتقد أنه هو. أنا ربما على الأقل تنبيه بعض الأشياء داخل بنقرة وظيفة للحصول على التعقل التحقق. لقد وجدت في الواقع عدة مرات أن بلدي $(document).ready تم اطلاق النار قبل اعتقدت انه كان أي قبل كانت لي مساهمات جاهزة لبلدي الإطار ...

نصائح أخرى

هناك عدة مشاكل:

  • كنت تستخدم تبديل و تبديل وظيفة:

إذا كان يتم عرضها ، تبديل يجعلها مخفي (باستخدام طريقة إخفاء).إذا أنها مخفية ، تبديل يجعلها مبين (باستخدام الأسلوب show).

يجب عليك أن تسأل إذا كان الراديو هو فحص

  • يجب استدعاء كل وظيفة ، من أجل تغيير إذاعية أخرى div القيم

  • يجب عليك الاتصال $(document).ready() وظيفة

عينة (تحذير:جافا سكريبت ليست أفضل سلاح):

<script>
$(document).ready(function(){
    $("input").click( function() { 
         $("input").each(function() { 
             if (this.checked) {
                $(this).parent("div").css("background-color", "green") }
             else {
                $(this).parent("div").css("background-color", "red")}
          });
      });
  });
</script>

ملاحظة:لقد استعملت باكغوند-لون أفضل الاختبار, ولكن استخدامك خلفية جيدة.

وقد تحتاج إلى استخدام 'خلفية صورة' بدلا من 'خلفية' فقط لضبط الصور.

وتحرير: اعتقدت أن واجه صعوبة مع "الخلفية" الملكية المغلق في مسج قبل، ولكن بعد اختبارها فقط على مختلف المتصفحات يبدو أنني كنت مخطئا إما أو أنها ثابتة في الإصدارات مسج منذ عملت معها

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top