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 jQuery Basics (2014) Creating a Mobile Drop Down Menu Perform: Part 2

stian wilks johansen
stian wilks johansen
11,053 Points
Posted by stian wilks johansen
stian wilks johansen
11,053 Points

I dont know whats wrong wid my code when i select a nav element in the dropdown menu and press go : 404 not found

I dont understand whats wrong wid my code. When i press go all that comes up is: Not Found

The requested URL /[object Object] was not found on this server.

// 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>");

  //Option's value is the href
  $option.val($anchor).attr("href");
  //Option's text is the text of link
  $option.text($anchor.text());
  //Append otion to select
  $select.append($option);
});
//Create button
var $button = $("<button>Go</button>");
$("#menu").append($button);
//Bind click to click to 
$button.click(function(){
  //go to select's location
  window.location = $select.val();
});

//Modify css to hide links on small widths and show butten and select
  //Also hides select and button on larger width and show links
// Deal width selected option depending on current page

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" title="no title" charset="utf-8">
</head>
<body>
    <div id="menu">
        <ul>
            <li class="selected"><a href="index.html">Home</a></li>
            <li><a href="about.html">About</a></li>
            <li><a href="contact.html">Contact</a></li>
            <li><a href="support.html">Support</a></li>
            <li><a href="faqs.html">FAQs</a></li>
            <li><a href="events.html">Events</a></li>
        </ul>
    </div>
    <h1>Home</h1>
    <p>This is the home page.</p>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/app.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>

2 Answers

stian wilks johansen
stian wilks johansen
11,053 Points
stian wilks johansen
stian wilks johansen
11,053 Points

I plased this ) the wrong place

here is my code the right way and wrong way:

//This is the wrong way

//Option's value is the href
  $option.val($anchor).attr("href");

//This is the right way :

```javascript
//Option's value is the href
  $option.val($anchor.attr("href"));
Steven Parker
Steven Parker
229,771 Points
Steven Parker
Steven Parker
229,771 Points

... and forgot another set of ```'s :stuck_out_tongue_winking_eye:

But congrats on solving your issue! :+1:

Steven Parker
Steven Parker
229,771 Points
Steven Parker
Steven Parker
229,771 Points

Something happened in your blockquote, It looks like portions of your code were omitted and modified. Plus, you didn't include the HTML portion, which may have a bearing on the issue.

When blockquoting, remember to skip a line, then a line with only 3 accents ("backticks") and the language, and then end with a line with only 3 accents, like this:

```js

(your code goes here)

```

Fix the quoting and add the HTML and then someone may be able to help.