Hello simcon94,
You can only initialize jqxToggleButton from input or button elements. However, you can do the following:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="../../jqwidgets/styles/jqx.base.css" type="text/css" />
<script type="text/javascript" src="../../scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="../../scripts/demos.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxcore.js"></script>
<script type="text/javascript" src="../../jqwidgets/jqxbuttons.js"></script>
<script type="text/javascript">
$(document).ready(function () {
// Create a jqxToggleButton widget.
$("#jqxButton").jqxToggleButton({ width: '200', toggled: true });
});
</script>
</head>
<body class='default'>
<button id="jqxButton">
<img src="../../images/t-shirts/honey-badger-don-t-care.png" /></button>
</body>
</html>
Best Regards,
Dimitar
jQWidgets team
http://www.jqwidgets.com/