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 trialstian wilks johansen
11,053 PointsI 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
11,053 PointsI 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
231,275 PointsSomething 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.
Steven Parker
231,275 PointsSteven Parker
231,275 Points... and forgot another set of ```'s
But congrats on solving your issue!