0

私はui-tabsを使用しました、これはiamが使用したコードです：

<script type="text/javascript">
  $(function () {
    $('#tabs').tabs({ event: '' });
  });

  function validateContact() {
    var fname = $('#first_name1').val();

    if (fname == '') {
      alert("Enter Name");
    } else {
      $('#tabs').tabs({ event: 'click' });
      doitcontact();
    }
  }

  function doitcontact() {
    var cnt = $("#frmdocontact").serialize();

    $.ajax({
      type: "POST",
      url: "doitcontact.php",
      data: cnt,

      success: function (msg) {
        var spt = msg.split('#$@$');
        //alert(spt);

        $('#hid_uid').val(spt[0]);
        $('#custom').val(spt[0]);

        $('#hid_add_vehicle').val(spt[0]);
        $('#hid_saleid').val(spt[1]);

        var valreturn = $("#return").val();

        if (valreturn) {
          valreturn = valreturn + "?cntdoit=" + spt[0];
          $("#return").val(valreturn);
        }

        //alert(msg);
        //console.log(contactSent);
        var pkg = $('input:radio[name=pkg]:checked').val();

        var $tabs = $('#tabs').tabs();
        var selected = $tabs.tabs('option', 'selected');
        $tabs.tabs('select', selected + 1);
        //window.location="thankyou.php"
      }
    });

  }
</script>

<ul>
  <li id="tabVInfo"><a href="#tabs-2">Contact Information</a></li>
  <li id="tabVCond"><a href="#tabs-3">Vehicle Information</a></li>
  <li id="tabVPhoto"><a href="#tabs-4">Additional Vehicle Information</a></li>
  <li id="tabVCheck"><a href="#tabs-5">Check Out</a></li>
</ul>

<div id="tabs-2">
  <form id="frmdocontact" name="frmdocontact" method="post">
    <input id="first_name1" maxlength="40" name="first_name" size="20" type="text" />
    <input type="button" id="sub" name="sub" value="Next >>" class="next-product" onclick="validateContact();" />
  </form>
</div>

<div id="tabs-">hhhhhhhhh</div>
<div id="tabs-4">kkkkkkkk</div>
<div id="tabs-5">llllllllll</div>

ページが読み込まれたときにクリックされたイベントを削除したいのですが、正しく機能しています。次に、すでにデータが入力されている場合は、タブをクリックできるようにする必要があります。したがって、ページ1と2に入力し、3にいる場合は、1または2タブをクリックできるはずであり、すでに入力されているデータが含まれているはずです。

ここで、ページ1と2はdivを意味します。私のコードでは、ページをロードするとタブはクリックできません。次に、ページ1にデータを入力し、nexボタンをクリックすると、2ページ目に移動し、すべてのタブがクリック可能になります。

しかし、私は実際に1ページのタブをクリックする必要があります。

これどうやってするの？

誰かがそれを解決できますか？

そのための解決策があれば？............。

できるだけ早く解決策を提供してください..........。

4

1 に答える 1

0

すべてのクリックを有効にするには、タブ呼び出し内の {event: ''} を削除するだけです。次に、無効にするタブの HREF を変更します。この例では、チェックアウト タブを無効にしています。

$("#tabs").tabs();
$("#tabVCheck > a").attr("href", "#");

ここでテストできます: http://jsfiddle.net/nKsZF/28/

于 2012-09-01T08:38:43.990 に答える