jquery - JQuery 模式中的 ASP.NET 控件

Question

好吧，我是 JQuery 新手，我有一个模态，其中有一个 asp:Literal 控件。文字由单击激活模式的任何链接控制。所以，我希望它就像给出链接的文字值 onClick 一样简单，但事实并非如此。

我希望:文字的值是在页面加载时设置的，因此我必须将其放入更新面板中，以便在单击链接时它会发生变化。

或者可能是:像 javascript 一样，您必须使用 JQuery 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>

下面是单击链接时激活模式的 JQuery:

$('.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”控件处于事件状态之前更改其值。

Answer 1

好吧，你的 <p> 中有一个文字。这意味着您没有直接选择器/句柄，就像它是带有 ID 的标签一样。

但你可以说它是 <p>里面<div class="modal-content"> ，ID 为 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;
});