Freecodecamp: Clone an Element Using jQuery : iPhone Preview renders differently after submit

Created on 2 Aug 2016  路  4Comments  路  Source: freeCodeCamp/freeCodeCamp

Challenge Name

Clone an Element Using jQuery

Issue Description

When I finish my code,it shows ok, but when I click the button of "Run tests", it appears different.

Browser Information

  • Browser Name, Version: chrome 51.0.2704.103 m
  • Operating System: win10
  • Mobile, Desktop, or Tablet: Desktop

Your Code


<script>
  $(document).ready(function() {
    $("#target1").css("color", "red");
    $("#target1").prop("disabled", true);
    $("#target4").remove();
    $("#target2").appendTo("#right-well"); 
    $("#target2, #target5").clone().appendTo("#left-well");
  });
</script>

<!-- Only change code above this line. -->

<div class="container-fluid">
  <h3 class="text-primary text-center">jQuery Playground</h3>
  <div class="row">
    <div class="col-xs-6">
      <h4>#left-well</h4>
      <div class="well" id="left-well">
        <button class="btn btn-default target" id="target1">#target1</button>
        <button class="btn btn-default target" id="target2">#target2</button>
        <button class="btn btn-default target" id="target3">#target3</button>
      </div>
    </div>
    <div class="col-xs-6">
      <h4>#right-well</h4>
      <div class="well" id="right-well">
        <button class="btn btn-default target" id="target4">#target4</button>
        <button class="btn btn-default target" id="target5">#target5</button>
        <button class="btn btn-default target" id="target6">#target6</button>
      </div>
    </div>
  </div>
</div>

Screenshot

before

after

help wanted bug

Most helpful comment

@raisedadead Isn't this a duplicate of #5072 (already resolved but not yet in production), but with different code?

There is an extraneous cloning of the #target2 button here, though it doesn't interfere with the tests.

All 4 comments

@raisedadead Isn't this a duplicate of #5072 (already resolved but not yet in production), but with different code?

There is an extraneous cloning of the #target2 button here, though it doesn't interfere with the tests.

Yup, I think so it's a duplicate. Haven't yet tested it. Will have to check on my local machine once, beta is not working with this challenge. thanks for pointing out.

Tested on the current live beta and code works as expected.

Sweet.

Was this page helpful?
0 / 5 - 0 ratings