I'm currently using Next and Previous Button to navigate through elements and I want to upgrade with jquery-ui.
It should display a left arrow and right arrow but buttons still displaying default text
Here is the code
HTML
head
Code
<head>
<title>The Beer-O-Rama</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="javascript/jquery-2.1.1.min.js"></script>
<script src="javascript/jquery-ui.min.js"></script>
<script type="text/javascript" src="javascript/script.js"> </script>
</head>
body
Code
<div id="NavBeer">
<input type="button" id="idPrevious" name="Previous" value ="Previous"/>
<input type="button" id="idNext" name="Next" value ="Next"/>
</div>
js file
Code
$(function() {
$( "#idPrevious" ).button({ text: false });
$("#idPrevious" ).button({ icons: { primary: "ui-icon-triangle-1-w"} });
});
the patch os the js file is correct
my jquery-ui version --> jQuery UI - v1.11.1 - 2014-09-21