سؤال

حسنا, أنا جديدة على مسج, لدي مشروط بأن لديه asp:الحرفي التحكم في ذلك.الحرفي تسيطر عليها مهما النقر فوق الارتباط إلى تفعيل مشروط.لذلك كنت أتمنى أن يكون سهلا كما يعطي القيمة الحرفية onClick من الرابط ولكن هذا ليس هو.

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

أو أنها يمكن أن تكون:مثل جافا سكريبت لديك حيوي تعيين قيمة حرفية مع مسج onClick.

شكرا لكم على مساعدتكم.

التحديث

هنا هو HTML مشروط:

<div class="modal-holder" id="landing-page-modal" style="display:none">
  <div class="modal">
    <div class="modal-t">
      <a href="#" class="modal-close">
        <img src="images/modal-close.gif" border="0" alt="" />
      </a>
      <div class="modal-scroll">
        <a href="#" class="modal-top-arrow">
          <img src="images/modal-arr-t.gif" alt="" />
        </a>
        <a href="#" class="modal-bottom-arrow">
          <img src="images/modal-arr-b.gif" alt="" />
        </a>
      </div>
      <div class="modal-b">
        <div class="modal-content">
          <h2><asp:Label ID="lblModal" Text="Title" runat="server" /></h2>
          <p>
            <asp:Literal ID="litModal" Text="Test Data Lives Here For Now" runat="server" />
          </p>
        </div>
      </div>
    </div>
  </div>
</div>

هنا هو مسج الذي ينشط مشروط عند النقر على أحد الروابط:

$('.article a, #menu a, #features a').click(function(){
  $('.modal-holder').css({'display': 'block'});
  return false;
});

$('.modal-close').click(function(){ 
  $('.modal-holder').css({'display': 'none'}); 
});

أريد أن أعرف كيفية تغيير قيمة "litModal" السيطرة داخل مشروط قبل نشطة.

هل كانت مفيدة؟

المحلول

حسنا إذا كنت قد الحرفي في <p>.هذا يعني انك غير المباشر محدد/مقبض ، وكأنك عندما كانت التسمية مع معرف.

ولكن هل يمكن القول أنه هو <p> داخل <div class="modal-content">, كل جزء من العنصر مع معرف landing-page-modal:

"#landing-page-modal div.modal-content p"

لذلك تحتاج إلى تعديل وظيفة الخاص بك الذي يجعل كل شيء مرئية:

$('.article a, #menu a, #features a').click( function(clickTarget){
  // set the text of the <p> to whatever you like. I took 
  // the text of the element that was clicked by the user.
  $('#landing-page-modal div.modal-content p').text( $(clickTarget).text() ); 

  // now make the whole thing visible
  $('#landing-page-modal').css({'display': 'block'});
  return false;
});

نصائح أخرى

إذا كنت تريد مشروط إلى تغيير من جانب العميل عند النقر على الرابط, سوف تحتاج إلى وضعه في onClick معالج الارتباط.سأفترض أن ذلك مشروط النص على أساس العلامة الارتساء التي تم النقر فوقها. litModal سوف تتحول الى فترة على جانب العميل لذلك نجد الأمر على هذا النحو.

    $('.article a, #menu a, #features a').click(function(anchor){
             var val = jQuery(anchor).text();
            // modify val as needed
            $('span#litModal').text(  val );
            $('.modal-holder').css({'display': 'block'});
            return false;
    });
    $('.modal-close').click(function(){ $('.modal-holder').css({'display': 'none'}); });

ملاحظة:أنا أفترض أن لديك واحد فقط من هذه في كل صفحة.إن لم يكن, ثم سوف تحتاج إلى معرفة كيفية مرجع معين مشروط أن ينطبق على الرابط في السؤال.

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