Construct DOM using jQuery instead of an HTML String

This commit is contained in:
Prateek Saxena
2015-01-26 09:24:43 -08:00
parent 062e0c04a0
commit 0973ddf299

View File

@@ -24,22 +24,25 @@
var noResultsTemplate, LanguageCategoryDisplay; var noResultsTemplate, LanguageCategoryDisplay;
/*jshint multistr:true */ noResultsTemplate = $( '<div>' ).addClass( 'twelve columns uls-no-results-view hide' );
noResultsTemplate = '<div class="twelve columns uls-no-results-view hide">\ noResultsTemplate.append(
<h2 data-i18n="uls-no-results-found" class="eleven columns offset-by-one uls-no-results-found-title">\ $( '<h2>' )
No results found\ .attr( 'data-i18n', 'uls-no-results-found' )
</h2>\ .addClass( 'eleven columns offset-by-one uls-no-results-found-title' )
<div id="uls-no-found-more" class="uls-no-found-more">\ .text( 'No results found' ),
<div class="ten columns offset-by-one">\ $( '<div>' )
<p>\ .attr( 'id', 'uls-no-found-more' )
<span data-i18n="uls-search-help">You can search by language name, \ .addClass( 'uls-no-found-more' )
script name, ISO code of language or \ .append(
you can browse by region.</span>\ $( '<div>' )
</p>\ .addClass( 'ten columns offset-by-one' )
</div>\ .append(
</div>\ $( '<p>' ).append(
</div>'; $( '<span>' ).text( 'You can search by language name, script name, ISO code of language or you can browse by region.' )
/*jshint multistr:false */ )
)
)
);
LanguageCategoryDisplay = function ( element, options ) { LanguageCategoryDisplay = function ( element, options ) {
this.$element = $( element ); this.$element = $( element );