Search jQuery

jQuery Forum

Getting Started

graphics_..

Can't get the widget button to work

in Getting Started • 1 year ago

I'm just getting started with jQuery.

I just made a form with a datepicker, which works fine. But I can't get the widget button to work.

I downloaded a theme and I'm importing the files as you can see in the code below. Do I have to download anything else to get the button to work? What's wrong?

My code looks like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Form test</title>
<link href="_css/main2.css" rel="stylesheet" type="text/css" media="screen, projection" />
<link href="_css/trontastic/jquery-ui-1.8.4.custom.css" rel="stylesheet" type="text/css" media="screen, projection" />
<script type="text/javascript" src="_scripts/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="_scripts/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
// Date box function
$(function() {
$('#date').datepicker({
changeMonth: true,
changeYear: true
});
});
// Button
$(function() {
$("button, input:submit, a", ".demo").button();
$("a", ".demo").click(function() { return false; });
});
</script>
</head>
<body>
<div id="wrapper">
<form action="#" method="post" name="bla" target="_self">
<p>
<label for="date">Date: </label><input type="text" id="date" />
</p>
<p>
<input type="submit" value="A submit button">
</p>
</form>
</div>
</body>
</html>

Replies(4)

Kevin B

Re: Can't get the widget button to work

1 year ago

your problem is in this line:

$("button, input:submit, a", ".demo").button();

the $() method accepts two parameters. a selector, and a context. the context is optional. what the context does is it limits the elements returned to only elements that are within the context. in your case, the ".demo" context doesn't exist, so no buttons are matched. try this:

$("button, input:submit, a").button();

if it still doesnt work, look for javascript errors thrown by the browser.

-- Kevin

------------------------------------------------
http://www.tentonaxe.com - jQuery Snippets and Tutorials

graphics_..

Re: Can't get the widget button to work

1 year ago

It still doesn't work :/

Why doesn't it work like the datepicker, like:

$('#btn').button();
<input type="submit" id="btn" value="A submit button">

Kevin B

Re: Can't get the widget button to work

1 year ago

do you ahve any javascript errors happening. in IE it is bottom left, Firefox requires Firebug, and in google chrome press ctrl+shift+j to see javascript errors.

edit: and yes $('#btn').button(); should work, the error is elsewhere.

you're using an out of date version of jquery ui that doesn't come with jquery ui button widget. update jquery ui to 1.8.4 and jquery to 1.4.2 to use the button widget.

-- Kevin

------------------------------------------------
http://www.tentonaxe.com - jQuery Snippets and Tutorials

graphics_..

Re: Can't get the widget button to work

1 year ago

Woho, it works. Thanks alot for your quick answers.

Top Reply

Response title

Attachments

jQuery Forum

Can't get the widget button to work

Replies(4)

Re: Can't get the widget button to work

Re: Can't get the widget button to work

Re: Can't get the widget button to work

Re: Can't get the widget button to work

Statistics

Tags

Actions

Related Posts