Question

i 有:

<ul class="cont_ul4">

<li class="cont_li">
<div class="cont_picture">
<a href=""><img src="1.jpg" width="150" height="225" ></a>
</div>
</li>

<li class="cont_li">
<div class="cont_picture">
<a href=""><img src="2.jpg" width="150" height="225" ></a>
</div>
</li>

</ul>

以及这一职能:

function ajax_request() {
$( #placeholder ).html( <p><img class="loader" src="/loader.gif"></p> );
$( #placeholder ).load("/test.php?id=1234556");
}

what i need is when i click on the image to trigger this function.

有了投入,可以做到:

<input type="button" onclick="ajax_request()" value="Click Me!" />

any ideas? Thanks

Answer 1

image:

<img id="myImage" src="1.jpg" width="150" height="225" style="cursor:pointer">

然后是 Java字:

$("#myImage").click(ajax_request);

或者,如果你想要为所有图像发挥同样的作用:

$("img").click(ajax_request);

然而,最好把图像贴出一个CSS级,然后加以利用。这样,你就可以把点击行动限制在具体图像上:

<img class="link-image" src="1.jpg" width="150" height="225">
...
<img class="link-image" src="2.jpg" width="150" height="225">

然后:

$(".link-image").click(ajax_request);

Answer 2

你们是否喜欢这样的东西?

$(function(){
    $("img").click(function(){
        ajax_request();
    });
});

Answer 3

Try this:

JS:

function ajax_request() {
   $( #placeholder ).html( <p><img class="loader" src="/loader.gif"></p> );
   $( #placeholder ).load("/test.php?id=1234556");
}


$( #run_ajax ).click(ajax_request);

传真:

<input type="button" id= run_ajax  value="Click Me!" />

友情链接