I can't dynamically style my added content to my jquery mobile site

Asked Dec 04 '14 at 06:18

Active Dec 04 '14 at 06:50

Viewed 39 times

I have a jquery mobile page that has a textbox and a button. When the button is clicked, I want to add an additional textbox. However, the new textbox is not styled properly. I've tried using .trigger('create') when appending my textbox but it is still not styling.

Here is a working fiddle

And here is my code:

HTML:

<div id="auth1" name="auth1">
    <label>Name of the Author</label>
    <div id="auth-box">
        <input type="text" name="auth1" placeholder="John Smith" style="width: 200px;" value="" />
    </div>
    <input type="button" data-inline="true" value="Add Author   " onclick="addtxt()" />
</div>
<input type="hidden" id="auth_cnt" name="auth_cnt" value="1">

Javascript:

<script type="text/javascript">
    function addtxt() {
        var div = document.createElement('div');
        div.innerHTML = '<input type = text name = "auth">';
        $('#auth-box').after(div).trigger('create');
    }
</script>

edited Dec 04 '14 at 06:21

Nad

4,605
11
71
160

asked Dec 04 '14 at 06:18

DannyD

2,732
16
51
73

So you want to add style while generating textbox ? – Nad Dec 04 '14 at 06:23
yes, if you see my jsfiddle the new textbox isn't styled accordingly: http://jsfiddle.net/ttxuq7dt/ – DannyD Dec 04 '14 at 06:24
the style same which has been given to the first textbox, right ? – Nad Dec 04 '14 at 06:28
yes, I would want the same jquery mobile style as the first textbox. thanks – DannyD Dec 04 '14 at 06:30
1

http://jsfiddle.net/ttxuq7dt/6/ – Omar Dec 04 '14 at 06:45
-- removed as Omar answer is more up to date -- – ipohfly Dec 04 '14 at 06:46
hi try like this window.addtxt = function() { var div = document.createElement('div'); div.className="divclassname"; div.innerHTML = ''; $('#auth-box').after(div); $('.divclassname').find("input").textinput(); } – Kathir Dec 04 '14 at 07:09

I can't dynamically style my added content to my jquery mobile site

0 Answers0