Actualmente estoy trabajando en la versión 0.5 de Siwapp y estoy tratando de mostrar una ventana emergente para los pagos botón en cada fila de una tabla facturas. Pero tengo que hacerlo con un clic. Tengo el siguiente código JS:

jQuery(function($){

  $('table[data-type="invoices"] a.payments').popover({
    live: true,
    placement: 'left',
    offset: 5,
    html: true,
    content: function() {
      return $(this).attr('class');
    },
    trigger: 'manual'
  }).live('click', function(e){
    e.preventDefault();
    $(this).popover('show');
  });

});

El código HTML de la tabla es como este (ver el enlace al final):

<table class="zebra-striped align-middle" data-type="invoices">
  <colgroup>
    <col />
    <col />
    <col class="date" />
    <col class="date" />
    <col class="status" />
    <col class="currency" />
    <col class="currency" />
    <col class="payments" />
  </colgroup>
  <thead>
    <tr>
      <th>{% trans %}Number{% endtrans %}</th>
      <th>{% trans %}Customer{% endtrans %}</th>
      <th>{% trans %}Date{% endtrans %}</th>
      <th>{% trans %}Due Date{% endtrans %}</th>
      <th>{% trans %}Status{% endtrans %}</th>
      <th>{% trans %}Due{% endtrans %}</th>
      <th>{% trans %}Total{% endtrans %}</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>ASET-22</td>
      <td>Roxxon</td>
      <td>5/28/11</td>
      <td>9/16/11</td>
      <td>
        <span class="label important">{% trans %}overdue{% endtrans %}</span>
      </td>
      <td></td>
      <td>$11,435.23</td>
      <td>
        <a href="{{ path('invoice_payments', { 'invoiceId': 4 }) }}" class="btn secondary icon clock payments" title="Payments">{% trans %}Payments{% endtrans %}</a>
      </td>
    </tr>
  </tbody>
</table>

Si puedo quitar el «manual» disparador funciona, pero si me fije, que no.

Alguien sabe cómo hacer esto? Gracias!

InformationsquelleAutor carlosescri | 2011-10-24

2 Comentarios

  1. 7

    Ventana emergente controlará automáticamente algunos de lo que se está haciendo de forma manual, y probablemente causando un extraño conflictos. Vas a añadir su propio controlador de clic innecesariamente cuando se puede hacer eso mismo, y estás envolviendo todo a la función de configuración que no parece necesario. Intentar algo como esto:

    $('table[data-type="invoices"] a.payments').popover({
      live: true,
      placement: 'left',
      offset: 5,
      html: true,
      content: function() {
        return $(this).attr('class');
      },
      trigger: 'manual'
    });

Dejar respuesta

Please enter your comment!
Please enter your name here