MultiView和JavaScript（或jQuery）工作

我怎样才能在JavaScript或jQuery的多视图？MultiView和JavaScript（或jQuery）工作

下面的代码始终返回null：（JavaScript）的

var MultiView = document.getElementById("MultiView1");

和下面的代码不为空，但不工作：（jQuery的）

var MultiView = $("*[id$='TextBox1']");

什么关于这回事？

你可以给我一个示例代码来检查ActiveViewIndex使用JavaScript或Jquery！

我加入了下面的代码，因为评论的：在未来的提前

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Keyup._Default" %> 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

    <html xmlns="http://www.w3.org/1999/xhtml" > 
    <head runat="server"> 
     <title></title> 

    <%-- <script src="JQuery/jquery-1.4.1.js" type="text/javascript"></script>--%> 
       <script type="text/javascript"> 

        document.onkeyup = onkeyupOfDocument; 

        function onkeyupOfDocument(evt) { 
         var evt = evt || window.event; 
         //alert(evt.keyCode); 
         //var MultiView = $("*[id$='TextBox1']"); 
         var MultiView = document.getElementById("MultiView1"); 
         alert(MultiView); 
        } 

     </script> 
    </head> 
    <body> 
     <form id="form1" runat="server"> 
     <div> 
      <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0"> 
       <asp:View ID="View1" runat="server"> 
         <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
       </asp:View> 
       <asp:View ID="View2" runat="server"> 
       </asp:View> 
      </asp:MultiView> 
     </div> 
     </form> 
    </body> 
    </html>

感谢

来源

2010-07-21 MoonLight

你能否提供你想要选择的元素的HTML标记？在不知道标记是什么样的情况下，无法判断选择器是否正确。 – user113716 2010-07-21 13:58:42

我添加aspx（html）代码，如你所说... – MoonLight 2010-07-21 14:45:24

很抱歉的延迟，但这里是你在找什么：

<%@ Page Title="Home Page" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" 
    CodeFile="Default.aspx.cs" Inherits="_Default" %> 

<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent"> 
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(function() { 

      var activeViewIndex = $('.multiviewContainer').attr('activeKey'); 

      alert(activeViewIndex); 

     }); 
    </script> 
</asp:Content> 
<asp:Content ID="BodyContent" runat="server" ContentPlaceHolderID="MainContent"> 

    <asp:Panel runat="server" ID="multiviewContainer" CssClass="multiviewContainer"> 

     <asp:MultiView ID="MultiView1" runat="server" ActiveViewIndex="0"> 

      <asp:View ID="View1" runat="server"> 
        View 0 
      </asp:View> 

      <asp:View ID="View2" runat="server"> 
        View 1 
      </asp:View> 

      <asp:View ID="View3" runat="server"> 
        View 2 
      </asp:View> 

      <asp:View ID="View4" runat="server"> 
        View 3 
      </asp:View> 

     </asp:MultiView> 

    </asp:Panel> 

</asp:Content>

和代码后面：

using System; 
using System.Collections.Generic; 
using System.Linq; 
using System.Web; 
using System.Web.UI; 
using System.Web.UI.WebControls; 

public partial class _Default : System.Web.UI.Page 
{ 
    protected void Page_Load(object sender, EventArgs e) 
    { 
     string activeView = MultiView1.ActiveViewIndex.ToString(); 
     multiviewContainer.Attributes.Add("activeKey", activeView); 
    } 
}

来源

2010-07-21 14:05:38 XGreen

真的非常感谢/但我的目标是不改变多视图activeviewindex /我只想检查多视图ActiveViewindex做的事情...（我不能改变多视图与div - 因为我在代码中多次使用multiview） – MoonLight 2010-07-21 14:14:32

MultiView和JavaScript（或jQuery）工作

回答

相关问题