Question

I need to transform this <a> link into jquery.load() – how to do that?

This is the link:

<a href="exibelinha.asp?linha=<%= rs_linhas("linha")%>" class="whatever">
    <img src="produtos/linhas/pequeno/<%= rs_linhas("foto_inicial")%>" alt="">
    <h3><%= rs_linhas("linha")%></h3>
</a>

I need to implement this with this jQuery script:

$('#exibe_galeria').click(function(e) {
    $('#galeria_oculta').show();
    $('#container').load('exibelinha.asp?xxxx'); //here i need to call the link
    e.preventDefault();
});

Inside my load, I need to call another page (exibelinha.asp) with this strings ?linha=<%= rs_linhas("linha")%>

Answer 1

Just stop the default behavior of the link click event, then use the code you already have. You probably need an id or class on your anchor, to be able to create selector that won’t affect other links on the page. Something like this:

HTML

<a id="link_exibelinha" href="exibelinha.asp?linha=<%= rs_linhas("linha")%>" class="whatever">
...

JS

$('#link_exibelinha').click(function(e) {
    e.preventDefault();
    var url = this.href;
    $('#galeria_oculta').show();
    $('#container').load(url);
});