2

まず第一に、私は jquery モバイルを使用して 2 日目です。私が行った作業は、ほとんど試行錯誤と読書によるものです。

aspx ボタンを追加し、jquery で拡張しました。2 つの動作を除いて問題ないように見えます

1- アイコンをボタンに割り当てると、ブラウザでクリックしようとしましたが、btn_search_Click に記述したコードが起動しません。多くのチェックとテストの結果、アイコン「検索」をクリックするとコードが起動することがわかりましたイメージ」そのもの。

2- モバイル「Galaxy Note」のボタンを試したところ、下の画像のように、書いたページ全体が薄いオレンジ色で選択されているように見えます。後で、ボタンを押すとこの効果が得られることがわかりましたが、「検索」を押しますボタンのアイコン」はうまくいきます

それは正常な動作ですか？

https://plus.google.com/u/0/115817137660799291682/posts/7tN5kXdFobt

ここにページのhtml/jqueryがあります（映画のテーブルなし）

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>


<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery Mobile Demos</title>
    <link rel="stylesheet" href="css/themes/default/jquery.mobile-1.3.1.min.css">
    <link rel="stylesheet" href="_assets/css/jqm-demos.css">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,700">
    <script src="js/jquery.js"></script>
    <script src="_assets/js/index.js"></script>
    <script src="js/jquery.mobile-1.3.1.min.js"></script>
    <style type="text/css">
        .auto-style1
        {
            width: 61px;
        }
        .auto-style2
        {
            width: 540px;
        }
        .style1
        {
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <table style="width: 92%;">
        <tr>
            <td class="auto-style1">
                Num:
            </td>
            <td class="auto-style2">
                <asp:TextBox ID="txt_num" runat="server" type="search"></asp:TextBox>
                <td class="style1">
                    <asp:Button ID="btn_search" runat="server" Text="Search" Width="31%" data-inline="true"
                        data-theme="b" data-icon="search" data-iconpos="left" />
        </tr>
        <tr>
            <td class="auto-style1">
                Name:
            </td>
            <td class="auto-style2">
                <asp:TextBox ID="txt_name" runat="server" type="text"></asp:TextBox>
            </td>
            <td>
                <asp:Button ID="btn_balance" runat="server" Text="Get Balance" Width="31%" data-inline="true"
                    data-theme="b" data-icon="grid" data-iconpos="left" />
        </tr>
        <tr>
            <td class="auto-style1">
                &nbsp;
            </td>
            <td class="auto-style2">
                &nbsp;
            </td>
            <td>
                &nbsp;</tr>
    </table>
4

2 に答える 2

0

しかし、btn_search_Click に書いたコードは起動しません

これは、jQuery モバイル ツールキットが通常コンテンツを asp.net の外に移動formし、ボタンをクリックしてもフォームが起動しないために発生する可能性があります。また、ダイアログで ajax で読み込む場合もありますが、これもそのままでは動作しません。

アイコン「画像を検索」自体をクリックすると、コードが起動することに気付きました。

アイコン ボタンは通常、javascript を使用してポスト バックを処理します。これが機能する理由は、ポストを呼び出すためです。

同様の回答は次のとおりです。ダイアログボックスのボタンはポストバックしません

問題を診断しましたが、一般的な解決策はありませんでした。

于 2013-05-19T00:59:39.950 に答える