Могу ли я использовать панели обновления с jQTouch? - PullRequest
Новая
       7

Могу ли я использовать панели обновления с jQTouch?

0 голосов
/ 29 июля 2010

Я использую элементы управления ASP.NET для заполнения HTML-кода для моего приложения jQTouch, но у меня возникают проблемы с тем, что мои hrefs перестают функционировать, как предполагалось на странице поиска. Функция jQuery для моего якорного класса, очевидно, не вызывается; он просто ссылается на страницу по умолчанию, хотя ссылка на другие страницы аналогично создается без проблем.

Здесь мои ссылки ломаются: 

<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 обрабатывает все остальные теги как обычно, это просто якоря, которые перестали функционировать, как предполагалось, будучи помещенными в эту форму. Могу ли я продолжать использовать панели обновления здесь или это неизбежно сломается? Есть ли обходной путь? Или я неправильно подхожу к проблеме? Имейте в виду, я хочу сохранить анимацию AJAXical, созданную jQTouch. Если вы обнаружите, что мне неясно или вы хотите увидеть больше кода (я включил только то, что считаю необходимым), пожалуйста, дайте мне знать.

Бонусные баллы, если вы можете сказать мне, как заставить jQTouch заменить некрасивый элемент управления ASP.NET кнопкой iPhoney. :)

1 Ответ

1 голос
/ 30 июля 2010

Я думаю, вам придется потрудиться, чтобы ASP.Net работал с jqtouch с панелями обновления, поскольку вы будете бороться с JavaScript, вставленным ASP.Net, с JavaScript, который вставляет jqtouch.В вашем примере все ваши ссылки идут на один и тот же якорь (#article).Чтобы сделать это в стиле jQtouch, вам нужно, чтобы все ссылки шли на «#» и обрабатывали нажатие articleLinkClass, а затем настраивались по мере необходимости.созданные в jQtouch as с их классом "whiteButton", то есть: 

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

Надеюсь, это поможет ...

...