我可以在jQTouch上使用更新面板吗？

我正在使用ASP.NET控件为我的jQTouch应用程序填充HTML，但我遇到了我的hrefs停止在我的搜索页上按预期工作的问题。我的锚类的jQuery函数显然不会被调用;它只是链接回默认页面，即使链接在其他页面上的构建方式没有任何问题。我可以在jQTouch上使用更新面板吗？

这是我的链接被打破：

<form id ="form1" runat="server" class="form"> 
    <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
    <asp:UpdatePanel runat="server" ID="up1"> 
     <ContentTemplate> 
      <ul class="rounded"> 
       <li><asp:TextBox ID="txtSearchString" runat="server" name="search-articles" placeholder="Search GROK"></asp:TextBox></li> 
       <li><asp:Button ID="btnSearch" runat="server" Text="Search" type="rounded" OnClick="btnSearch_Click"></asp:Button></li> 
      </ul> 
      <asp:Literal ID="litSearchResults" runat="server"></asp:Literal> <%--HTML for jQTouch inserted here--%> 
     </ContentTemplate> 
    </asp:UpdatePanel> 
    </form>

这是通过代码生成背后的HTML的一个例子。

<ul class="edgetoedge"><li class="sep">Found 101 articles</li><li><a href="#article" class="articleLink" id="4773">PAWS: How to Access the Sample Test Database</a></li><li><a href="#article" class="articleLink" id="6464">Mac OS X: Hardware Test</a></li><li><a href="#article" class="articleLink" id="10483">The JavaScript Test</a></li><li><a href="#article" class="articleLink" id="14110">PAWS: Emergency Text Message Test</a></li><li><a href="#article" class="articleLink" id="3659">Definition: remote digital loopback test</a></li><li><a href="#article" class="articleLink" id="4333">Definition: power-on self test</a></li><li><a href="#article" class="articleLink" id="4346">Definition: power-on self test</a></li><li><a href="#article" class="articleLink" id="14166">AVG 9.0 Free Edition: Setting Scan Process Priority</a></li><li><a href="#article" class="articleLink" id="4187">Microsoft Office 2007: Diagnostics</a></li><li><a href="#article" class="articleLink" id="7301">Moodle: Description of Aggregation Methods</a></li><li><a href="#article" class="articleLink" id="14124">AVG 9.0 Free Edition: How can I run the complete scan of whole computer?</a></li><li><a href="#article" class="articleLink" id="13758">LSU A-Z: Office of Assessment and Evaluation</a></li><li><a href="#article" class="articleLink" id="10765">Linux: sed Insert a Newline Into the RHS of a Substitution</a></li><li><a href="#article" class="articleLink" id="5193">Microsoft PowerPoint 2007: Narrating a Slide</a></li><li><a href="#article" class="articleLink" id="7401">Ubuntu: Deleting Undeletable Files In the Trash</a></li><li><a href="#article" class="articleLink" id="10812">Linux: Remove All Digits/ Input From Inputs</a></li><li><a href="#article" class="articleLink" id="13643">SQL: Create a MySQL DocDB Databse</a></li><li><a href="#article" class="articleLink" id="5784">Linux Gnome: Screens and Graphics</a></li><li><a href="#article" class="articleLink" id="5731">Linux Xfce: Adjust keyboard settings</a></li></ul>

jQTouch处理每隔一个标签通常，它只是已经停止按预期通过放置这种形式内起作用的锚。我可以在这里继续使用更新面板还是会不可避免地破坏？有没有解决办法？或者我错误地处理了这个问题？请记住，我想保留由jQTouch生成的AJAXical动画。如果你发现我不清楚，或者你想看到更多的代码（我只包括我认为有必要的），请让我知道。

奖励积分如果你能告诉我如何让jQTouch用iPhoney按钮代替难看的ASP.NET按钮控件。 :)

来源

2010-07-28 Tozar

我认为你将不得不做大量的黑客来获取ASP.Net与更新面板jqtouch一起工作，因为你将与ASP.Net插入的JavaScript打交道，jqtouch插入。在你的例子中，你所有的链接都会转到同一个锚（#article）。要以jQtouch的方式执行此操作，您可以将所有链接转到“＃”并处理文章链接类的按钮，然后根据需要进行调整。

$('.articleLink').tap(function() 
{ 
    var id = $(this).val('id'); 
    // Pseudo CODE HERE FOR Setting up the article based on id... E.g. 
    $.json(jsonServiceUrl, { article_id: id }, function(data) 
    { 
     $('#article data).html(data); 
    }); 
    jQt.goTo('article'); // Display the article page... 
});

的iPhoney按钮在jQtouch促进班级为 “whiteButton”，即：

<a id="myTestButton" class="whiteButton">Test Button</a>

希望这有助于...创建为的

来源

2010-07-29 20:26:13

我可以在jQTouch上使用更新面板吗？

回答

相关问题