jquery mobile不會隱藏元素

你好，我有這個移動應用程序。我使用jQuery隱藏功能來隱藏一些輸入框。至少，這是它應該做的事情，但insted我只是喜歡讓他們非常小，像線條，如果你明白我的代碼是在這裏你可以看到我的意思在Jsfiddle我已包括在先謝謝jquery mobile不會隱藏元素

$(document).ready(function(){ 
    $("#facebook").hide(); 
    $("#twitter").hide(); 
    $("#google").hide(); 
    $("#MyName").hide(); 
    $("#country").hide(); 

$("#social").click(function(){ 
    if ($("#social").prop('checked') === true){ 
    $("#facebook").show(); 
    $("#twitter").show(); 
    $("#google").show(); 
    $("#MyName").show(); 
    $("#country").show(); 
    } 

    else 
    { 
    $("#facebook").hide(); 
    $("#twitter").hide(); 
    $("#google").hide(); 
    $("#MyName").hide(); 
    $("#country").hide(); 
    } 
}); 

});

http://jsfiddle.net/3Lcchxvv/3/

來源

2014-11-05 Anoxy

你的意思是這樣嗎？ http://jsfiddle.net/3Lcchxvv/3/ – 2014-11-05 08:18:56

是的確切!!!! – Anoxy 2014-11-05 08:19:38

@ RokoC.Buljan不要粗魯或任何東西，但我相信你誤會了我，你提出的小提琴看起來像我的問題，但我真正的問題是我希望線條消失時，窗體隱藏希望你明白:) – Anoxy 2014-11-05 08:22:07

工作撥弄

http://jsfiddle.net/3Lcchxvv/4/

$(document).ready(function() { 

    $("#facebook").hide(); 
    $("#twitter").hide(); 
    $("#google").hide(); 
    $("#MyName").hide(); 
    $("#country").hide(); 
    $(".ui-body-inherit").hide();//added 

    $("#social").click(function() { 
     if ($("#social").prop('checked') === true) { 
      $("#facebook").show(); 
      $("#twitter").show(); 
      $("#google").show(); 
      $("#MyName").show(); 
      $("#country").show(); 
      $(".ui-body-inherit").show();//added 
     } else { 
      $("#facebook").hide(); 
      $("#twitter").hide(); 
      $("#google").hide(); 
      $("#MyName").hide(); 
      $("#country").hide(); 
      $(".ui-body-inherit").hide();//added 
     } 
    }); 

});

來源

2014-11-05 08:30:10

真棒這個作品！謝謝！並感謝所有貢獻的人！ :) – Anoxy 2014-11-05 09:12:20

您在添加的類的周圍有一個邊框，因此它不是具有輸入的div仍顯示其輸入位於其中的div的邊框。

$(document).ready(function() { 

$("#facebook").hide(); 
$("#twitter").hide(); 
$("#google").hide(); 
$("#MyName").hide(); 
$("#country").hide(); 
$(".ui-input-text, .ui-input-search").hide(); 

$("#social").click(function() { 
    if ($("#social").prop('checked') === true) { 
     $("#facebook").show(); 
     $("#twitter").show(); 
     $("#google").show(); 
     $("#MyName").show(); 
     $("#country").show(); 
     $(".ui-input-text, .ui-input-search").show(); 
    } else { 
     $("#facebook").hide(); 
     $("#twitter").hide(); 
     $("#google").hide(); 
     $("#MyName").hide(); 
     $("#country").hide(); 
     $(".ui-input-text, .ui-input-search").hide(); 
    } 
}); 

});

JFIDDLE：http://jsfiddle.net/3Lcchxvv/5/

來源

2014-11-05 08:34:47

jsFiddle demo

簡單的一類soc添加到您的所有輸入（class="soc facebook"）和不喜歡：

$(function() { // DOM READY 

    var $soc = $('.soc').parent('.ui-input-text'); 
    $soc.hide(); 

    $("#social").click(function() { 
     $soc.toggle(this.checked); 
    }); 

});

來源

2014-11-05 08:37:14

jquery mobile不會隱藏元素

回答

相關問題