NR18 - listview - dontTruncate

by ffabreti

HTML

<div data-role="page">
    <div data-role="content">
        <ul id='static-list' data-role="listview" data-filter="true" >
            <li data-role="list-divider" data-groupoptions="18.1" class='searchable'>18.1 - Objetivo e Campo de Aplicação</li>
            <li data-groupoptions='18.1'> 
                <a href='nr18html/18.1.1.html'> 
                <p class='searchable 18.1.1'> 18.1.1 - Esta Norma Regulamentadora - NR estabelece diretrizes de ordem administrativa, de planejamento e de organização, que objetivam a implementação de medidas de controle e sistemas preventivos de segurança nos processos, nas condições e no meio ambiente de trabalho na Indústria da Construção. </p>	 </a> 
            </li>
            <li data-groupoptions='18.1'> 
                <a href='nr18html/18.1.2.html'> 
	            <p class='searchable 18.1.2'> 18.1.2 - Consideram-se atividades da Indústria da Construção as constantes do Quadro I, Código da Atividade Específica, da NR 4 - Serviços Especializados em Engenharia de Segurança e em Medicina do Trabalho e as atividades e serviços de demolição, reparo, pintura, limpeza e manutenção de edifícios em geral, de qualquer número de pavimentos ou tipo de construção, inclusive manutenção de obras de urbanização e paisagismo (Alterado pela Portaria SSST n.º 63, de 28 de dezembro de 1998). </p>	 </a> 
            </li>
            <li data-groupoptions='18.1'> 
                <a href='nr18html/18.1.3.html'> 
                <p class='searchable 18.1.3'> 18.1.3 - É vedado o ingresso ou a permanência de trabalhadores no canteiro de obras, sem que estejam assegurados pelas medidas previstas nesta NR e compatíveis com a fase da obra.  </p>	 </a> 
            </li>
            <li data-groupoptions='18.1'> 
                <a href='nr18html/18.1.4.html'> 
                <p class='searchable 18.1.4'> 18.1.4 - A observância do estabelecido nesta NR não desobriga os empregadores do cumprimento das disposições relativas às condições e meio...

CSS

.override-ui-screen-hidden {
    display:block !important;
}
.dont-truncate {
 white-space: normal;
 }
</style>
<!-- access to the HEAD element -->
    <meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8”>
    <meta name=”viewport” content=”width=device-width, initial-scale=2”>
    <title>NR-18 Mobile</title>
<style>

JavaScript

$('.ui-li').on('click', function(event) {
        $('.ui-li-desc').removeClass('dont-truncate');
        $(this).find('.ui-li-desc').toggleClass('dont-truncate');
        event.preventDefault();
        return(false);
});