wie neu zu Rendern, mithilfe von jquery
Ich Frage mich, wie neu Rendern ein dom-element durch die Verwendung von jquery.
Ich will eine Tabelle mit ID und re-Rendern der Tabelle mit jquery.
diese Tabelle ist dynamisch eingegeben. und da bin ich auf das hinzufügen der Tabelle, nachdem die html-Datei geladen wird, Js-Dateien, die auf dem Kopf nicht, reagiert auf die Tabelle, die ich habe, nach dem laden der html-Seite . Dies erfolgt über einen editor.
Also muss ich neu Rendern der Tabelle mit jquery. Ich bin mit Jquery und Jquery mobile als mein Rahmen.
* Sorry, es scheint, war ich nach den falschen Weg . Das, was ich wirklich tun möchte, ist neu Rendern ein dom-element durch die Verwendung von jquery mobile .
function insertTemplate(ui, html) {
var el, n, dom = editor.dom, sel = editor.selection.getContent();
each(editor.getParam('template_replace_values'), function(v, k) {
if (typeof(v) != 'function') {
html = html.replace(new RegExp('\\{\\$' + k + '\\}', 'g'), v);
}
});
el = dom.create('div', null, html);
//Find template element within div
n = dom.select('.mceTmpl', el);
if (n && n.length > 0) {
el = dom.create('div', null);
el.appendChild(n[0].cloneNode(true));
}
function hasClass(n, c) {
return new RegExp('\\b' + c + '\\b', 'g').test(n.className);
}
each(dom.select('*', el), function(n) {
//Replace cdate
if (hasClass(n, editor.getParam('template_cdate_classes', 'cdate').replace(/\s+/g, '|'))) {
n.innerHTML = getDateTime(editor.getParam("template_cdate_format", editor.getLang("template.cdate_format")));
}
//Replace mdate
if (hasClass(n, editor.getParam('template_mdate_classes', 'mdate').replace(/\s+/g, '|'))) {
n.innerHTML = getDateTime(editor.getParam("template_mdate_format", editor.getLang("template.mdate_format")));
}
//Replace selection
if (hasClass(n, editor.getParam('template_selected_content_classes', 'selcontent').replace(/\s+/g, '|'))) {
n.innerHTML = sel;
}
});
replaceVals(el);
editor.execCommand('mceInsertContent', false, el.innerHTML);
editor.addVisual();
/*$('#testjqtable').trigger("create");*/
//$("#testjqtable").table("refresh");
//$("#lsEditorArea_ifr").load('<table data-role="table" id="movie-table" data-mode="reflow" class="ui-responsive table-stroke jqm-table"><thead><tr><th data-priority="1">Rank</th><th data-priority="persist">Movie Title</th><th data-priority="2">Year</th><th data-priority="3"><abbr title="Rotten Tomato Rating">Rating</abbr></th><th data-priority="4">Reviews</th></tr></thead><tbody><tr><th>1</th><td><a href="http://en.wikipedia.org/wiki/Citizen_Kane" data->Citizen Kane</a></td><td>1941</td><td>100%</td><td>74</td></tr><tr><th>2</th><td><a href="http://en.wikipedia.org/wiki/Casablanca_(film)" data->Casablanca</a></td><td>1942</td><td>97%</td><td>64</td></tr><tr><th>3</th><td><a href="http://en.wikipedia.org/wiki/The_Godfather" data->The Godfather</a></td><td>1972</td><td>97%</td><td>87</td></tr><tr><th>4</th><td><a href="http://en.wikipedia.org/wiki/Gone_with_the_Wind_(film)" data->Gone with the Wind</a></td><td>1939</td><td>96%</td><td>87</td></tr><tr><th>5</th><td><a href="http://en.wikipedia.org/wiki/Lawrence_of_Arabia_(film)" data->Lawrence of Arabia</a></td><td>1962</td><td>94%</td><td>87</td></tr></tbody></table>');
}
zeigen Sie uns, was Sie haben, so helfen wir mit der Reparatur Ihres code.
Ich habe den code hier, durch die Art und Weise kommentierte Methoden, die ich versuchte, es gebe eine nicht erfasste Art Fehler an, für den zweiten ein und nach der 1. Fall kein Fehler, aber nicht funktioniert.
InformationsquelleAutor ChamZ | 2013-06-07
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen, diese für Ihre div, add-in nach dem ajax-Aufruf.
Oder, für Ihre listview-Steuerelement hinzufügen, die in nach dem ajax-Aufruf.
InformationsquelleAutor yeyene