Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

JavaScript

Posted by Unsubscribed User
Unsubscribed User
8,838 Points

Stuck, jQuery Basics On line 16 of app.js, let's set the property of selected on the $option to true to indicate that th

I am stuck on jQuery basics quiz On line 16 of app.js, let's set the property of selected on the $option to true to indicate that this option is selected.

Here is the code:

//Problem: It look gross in smaller browser widths and small devices
//Solution: To hide the text links and swap them out with a more appropriate navigation

//Create a select and append to #menu
var $select = $("<select></select>");
$("#menu").append($select);

//Cycle over menu links
$("#menu a").each(function(){
  var $anchor = $(this);
  //Create an option
  var $option = $("<option></option>");

  //Deal with selected options depending on current page
  if($anchor.parent().hasClass("selected")) {
    $option.prop('selected': true);
  }
  //option's value is the href
  $option.val($anchor.attr("href"));
  //option's text is the text of link
  $option.text($anchor.text());
  //append option to select
  $select.append($option);
});
//Create button 
var $button = $("<button>Go</button>");
$("#menu").append($button);
//Bind click to button
$button.click(function(){
  //Go to select's location
  window.location = $select.val();
});

Thanks, Max

Mark Josephsen
Mark Josephsen
8,803 Points

I believe you're supposed to use a comma inside of the prop() method instead of a colon.

Robert Richey
Robert Richey
Courses Plus Student 16,352 Points

Adding to what Mark said, a colon is used when property/value pairs are inside an object - typically used when adding several comma-separated property/value pairs (if just one pair, there is no comma).

Ex.

$option.prop({
  'selected' : true
});

is equivalent to

$option.prop('selected', true);
Unsubscribed User
Unsubscribed User
8,838 Points

Ah, yes, that fixed it!! Thanks Mark and Robert!