与UI选项卡工作不正常

我用UI的标签，这是所使用的代码IAM：与UI选项卡工作不正常

<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('#[email protected]$'); 
     //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>

我希望在页面loaded.That工作正常删除的点击事件。然后我必须能够点击标签，如果已经填写数据。所以如果我填写了第1页和第2页，并在第3页上，那么他们应该能够点击1或2选项卡，并且它应该已经输入了数据。

这里第1页和第2页的意思是div。在我的代码中，当我加载页面时，标签是不可点击的。然后我将数据输入第1页并点击nex按钮，然后它进入第2页，所有标签现在可点击。

但我实际上需要页1标签pnly应该点击。

我该怎么做？

任何人都可以解决它吗？

如果对于任何解决方案？.............

尽快给出一个解决方案...........

来源

2012-08-31 Kichu

请一个js小提琴 – rahul

@rahul我不知道如何做一个js小提琴... – Kichu

jsfiddle.net，把你的代码中有，它帮助我们undertsand你的问题 –

只是删除您的选项卡内的{event：''}调用以启用所有点击。然后，您更改要禁用的选项卡的HREF。在这个例子中，我禁用了签出标签。

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

你可以在这里进行测试： http://jsfiddle.net/nKsZF/28/

来源

2012-09-01 08:38:43

但我的需要不是这样............. – Kichu

好的，那么我建议你用jsFiddle中的假数据创建一个测试。重要的是我们需要清晰的图像来帮助你。 –

我不能在jsfiddle中包含jquery1.7.1。我如何加载？ – Kichu

与UI选项卡工作不正常

回答

相关问题