jquery modifier href extension onclick

Question

J'essaie de garder mon application fonctionnelle même si l'utilisateur n'a pas js, et j'ai remarqué que ma visionneuse ne fonctionnait pas avec ajax bonté sur un ancien navigateur et essayait de le réparer mais je ne savais pas comment contourner cela.

J'ai un lien avec une classe

<a href="/blah/1234", class="modal">Blah</a> 

mais je dois dire à la visionneuse d'utiliser le href + .js l'extension si cela fonctionne. De cette façon, si l'utilisateur n'a pas js ou qu'il se casse pour une raison quelconque, il va les envoyer à la page de secours et se comporter normalement.

$('.modal').lightbox({ 
      'width'  : 465, 
      'height'  : 375, 
      'autoresize' : false, 
      'modal'  : true 
    }); 

La lightbox avait pas d'attribut href je pouvais trouver le changer avec sa propre param donc j'ai essayé de le faire avant la main, mais un peu trop en désordre.

Cela fonctionne mal, mais casse après qu'ils l'ont cliqué une fois car il ajoute .js à chaque fois.

$('.modal').bind('click', function() { 
    $('.modal').attr("href", $('.modal').attr("href") + '.js'); 
    $('.modal').lightbox({ 
      'width'  : 465, 
      'height'  : 375, 
      'autoresize' : false, 
      'modal'  : true 
    }); 
}); 

Comment puis-je modifier l'extension plus simplement avant d'appeler la visionneuse?

Answer 1

Vous pouvez utiliser une fonction avec .attr() pour vérifier si elle déjà se termine par .js, comme ceci:

$('.modal').attr("href", function(i, href) { 
    return href + (href.slice(-3) == '.js' ? '' : '.js'); 
}); 

Ou, faites-le à tous les liens sur ready, comme ceci:

$('.modal').attr('href', function(i, href) { 
    return href + '.js'; 
}).lightbox({ 
    'width'  : 465, 
    'height'  : 375, 
    'autoresize' : false, 
    'modal'  : true 
});