Pasar parámetros a una función

[pcarvajal]

Lo que estoy tratando de hacer es pasarle una "id" a una función jquery desde el onclick de un enlace.

El código base que funciona y que estoy tratando de modificar es el siguiente:

Código HTML:

<a id="target_anchor1" href="#" title="XXXXXXXXXX">test 1</a>


<script type="text/javascript">
 $(function () {
     $('#target_anchor1').flyout({
    title: '', 
    content: function() {
        return document.getElementById('target_anchor1').title;
    },
    html: true,
    dismissible: true
     });
});
</script> 

¿Pero que pasa si tengo 100 enlaces? Tendría que generar 100 llamadas para cada uno de ellos y esa no es la idea... Así entonces, generé una función que recibiera la id del elemento y generara automáticamente el flyout, pero si bien recibe el parámetro, no me lo crea.

Código HTML:

<a id="target_anchor1" href="#" title="XXXXXXXXXX" onclick="anchorFlyout(this.id)">test 1</a>
<a id="target_anchor2" href="#" title="YYYYYYYYYY" onclick="anchorFlyout(this.id)">test 2</a>
<a id="target_anchor3" href="#" title="ZZZZZZZZZZ" onclick="anchorFlyout(this.id)">test 3</a>

<script type="text/javascript">
function anchorFlyout(paramId) {
alert(paramId);
$('#'+paramId).flyout({
    title: '',
    content: function() {
       return document.getElementById('#'+paramId).title;
    },
    html: true,
    dismissible: true
});
}
</script> 

Tomé como base este script y librerias Flyout

Alguna idea?