In my code, there is a div element with the following attributes:
id="ipad" style="background-image: url(images/large-ipad.png); -ms-transform: rotate(90deg); background-repeat: no-repeat; width: 511px; height: 356px; padding: 41px 67px 41px 67px; margin: auto;"
Inside this div, there is also a span element with the following attributes:
id="lbl1" style="-ms-transform:rotate(90deg)">
Along with some text between the span tags. Additionally, there is JavaScript code for it as well:
$(document).ready(function () {
$('#lbl1').draggable({
containment: 'parent',
scroll: false
});
});
The main issue I am facing is that after rotating the div for displaying the iPad image in landscape or portrait mode, the draggable functionality does not work properly. The text rotation is also affected by this. Could someone assist me in ensuring that both the text and draggable elements rotate along with the div, while maintaining proper functionality?