Unwanted div tag, extra div tag, unwanted div element, extra div element being generated. How to get rid of extra div.

A fellow colleague was having an issue with a JQuery Mobile application which was creating an extra div element when he simply wanted a input text box or input checkbox.

The source code looked like this:

<input class="asdf" type="checkbox" name="asdf">

The HTML source code in the browser however was adding an extra div by wrapping it up like this which was causing the visual formatting to display the check box on a new line. Very annoying.

<div>
<input type="checkbox" name="asdf">
</div>

Solved: Solution was quite simple.

Add an attribute called data-role to the input element and give it the value of  “none” like this.

data-role="none"


eg
<input type="checkbox" name="asdf" data-role="none">

This stops jQuery mobile trying to work its magic on that particular element which was fine just the way he initially wrote it.

Cheers ppl

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s