Question

我想使用.detach和.prepend复选框，我发现这个函数使用了两个按钮：

alert.requestWindowFeature(Window.FEATURE_NO_TITLE);

但是如何在复选框中使用它？当选中该复选框时，它会将elemento添加到正文中，并且取消选中时将分离该元素。

现在我正在使用淡入和淡出，但我想将其更改为分离和前置：

int divierId = alert.getContext().getResources()
                .getIdentifier("android:id/titleDivider", null, null);
View divider = alert.findViewById(divierId);
divider.setBackgroundColor(getResources().getColor(R.color.creamcolor));

Answer 1

这个怎么样： -

var x;
$('#toggle').change(function() {
  if (!this.checked)
    x = $('.content').detach();
  else
    $('body').append(x);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>   

<input type="checkbox" id="toggle" checked="true" />

<div class="content">
  content content content content content content content content content content content content
</div>

Answer 2

检查this示例是否有助于您获得清晰度。



    $(document).ready(function() {
      var p;
      $("#trigger").change(function() {
        if (this.checked) {
          $('#mydiv').prepend(p);
          p = null;
        } else {
          p = $("p").detach();
        }
      });
    });
      p {
        background: yellow;
        margin: 6px 0;
      }
      p.off {
        background: black;
      }
    <!doctype html>
    <html lang="en">

    <head>
      <meta charset="utf-8">
      <title>detach demo</title>
      <link href="style.css" rel="stylesheet" />
      <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
    </head>

    <body>
      <div id="mydiv">
        <p>Hello</p>
        <p>you?</p>
      </div>
      Toggle:
      <input type="checkbox" name="mycheckbox" id="trigger" checked/>
      <script src="script.js"></script>
    </body>

    </html>

Answer 3

$(function () {
  var myCheck = $('input[name=myCheck]'),
      content = $('#content');
  myCheck.change(function(){
    if (myCheck.is(':checked')) {
      content.prependTo(document.body);
    } else {      
      content.detach();
    }
  });
});

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  <div id="content"><span>Content</span></div>
  <label for="myCheck">
    <input type="checkbox" name="myCheck" checked="true">
    <span>My Check</span>
  </label>  
</body>
</html>

复选框到.detach然后.prepend对象

3 个答案: