I can't initialize modals in my html document

[Jonathan Silva]

Hi, I'm trying to use the ratchet framework in a web application, and into my document I have this html schema:

<ul class="table-view">

<li id="" class="table-view-cell" id="">

<a id="" class="navigate-right texto-centro" href="" data-transition="slide-in">

one

</a>

</li>

<li class="table-view-cell" id="">

<a class="navigate-right texto-centro" href="#myModal" data-transition="slide-in">

two

</a>

</li>

</ul>

<div id="myModal" class="modal">

  <header class="bar bar-nav">

    <a class="icon icon-close pull-right" href="#myModalexample"></a>

    <h1 class="title">Modal</h1>

  </header>

<div class="content">

    <p class="content-padded">text modal</p>

  </div>

</div>

I'm using any classes at my html. but don't works the Jquery and modal. only works pure JavaScript.

see:

<script type="text/javascript" src="js/ratchet.js"></script>

<script type="text/javascript" src="js/ratchet.min.js"></script>

<script type="text/javascript" src="js/segments/modals.js"></script>

<script type="text/javascript" src="js/segments/popovers.js"></script>

<script type="text/javascript" src="js/segments/push.js"></script>

<script type="text/javascript" src="js/segments/segmented-controllers.js"></script>

<script type="text/javascript" src="js/segments/sliders.js"></script>

<script type="text/javascript" src="js/segments/toggles.js"></script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<script type="text/javascript" src="js/angular/angular.min.js"></script>

<script type="text/javascript" src="js/app.js"></script>

<script type="text/javascript" src="js/controllers.js"></script>

<script type="text/javascript" src="js/angular/angular-route.js"></script>

someone can help me?