jQuery & jQuery UI code not running

Question

I have jquery UI and jQuery linked on my page, and I have the following jQuery UI code currently on the page:

  $(function() {
    $( "#draggable" ).draggable({ containment: "parent"});
    });

I want to have this jquery code run below the code above:

function new() {  
    $("p").append("<strong>Hello</strong>");
}

But for some reason it's not working when both are in the same place and as a newbie to jQuery, I'm not sure what's wrong (both of the codes were mostly copied and pasted from the site). I suspect it's something to do with the function statement.

What exactly do you mean when you say "it's not working"? What do you expect to happen? — brianpeiris
– brianpeiris, Commented Dec 2, 2012 at 16:54

brianpeiris · Accepted Answer · 2012-12-02 17:00:25Z

3

new is a reserved keyword in javascript (it's used as syntax to create new objects) so you can't use it as a function name. Try using a different name for your function, for example:

function mynew() {  
    $("p").append("<strong>Hello</strong>");
}

edited Dec 2, 2012 at 17:00

brianpeiris

10.8k1 gold badge34 silver badges46 bronze badges

answered Dec 2, 2012 at 16:58

Nelson Benítez León

51k8 gold badges70 silver badges84 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Nelson Benítez León Over a year ago

By the way, you now have enough reputation to give upvotes, so conside also upvoting my answer (up arrow) if you are happy with it :-)

lawx Over a year ago

Bonus question: Why does appending this prevent the .draggable function from working: $("body").append("<div id="draggable" class="ui-widget-content"> <br> <textarea id="contents" cols="20" rows="10"></textarea> </div>");

brianpeiris Over a year ago

@lawm You need to initialize the draggable after you append it to the document.

Nelson Benítez León Over a year ago

Maybe because it doesn't have a parent div to be used for your 'containement' parameter? not sure.. you better create a jsfiddle.net that demonstrate your problem so it's easier for people to help you..

Nelson Benítez León Over a year ago

You were not escaping your html double quotes inside your append function, I used just single quotes to make it work, see a working version of your fiddle jsfiddle.net/MJKhq/3

|

Collectives™ on Stack Overflow

jQuery & jQuery UI code not running

1 Answer 1

8 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

8 Comments

Your Answer

Sign up or log in

Post as a guest

Related