检测来自onclick的URL以通过AJAX / Jquery加载适当的内容

时间:2013-03-26 17:40:08

标签: jquery

我看了一遍,似乎只能找到更多静态版本(缺少一个更好的词),可以在AJAX / Jquery请求中调用哪个URL:

Jquery的:

 $(document.body).ready(function () {
     $("li.span3 a").click(function (e) {
       $('.content').load(this.href);
       e.preventDefault();
          });
        });

HTML / PHP:

while ( $loop->have_posts() ) : $loop->the_post();
    echo 
    '<li class="span3 mobile_width"><a href="http://localhost/sites/wp-osprey/?team=jo-bloggs2">';

        the_content();
        the_title();
        echo '</a></li>';
    endwhile;

我希望它是一个变量,因此它可以监听单击哪个div,然后显示相应的外部html,因为onclick div在while循环中。

我是否需要在onclick上创建和添加listen事件,以便获取正确的外部URL或者有不同的方式来编写上述内容?

2 个答案:

答案 0 :(得分:1)

这大多是正确的。要从a href获取URL,您必须使用$(this).attr('href')代替。这已经将onclick事件绑定到所有“li.span3 a”元素上。

答案 1 :(得分:0)

据我了解,您试图获取点击的href标记中<a>属性的值。

$(document.body).ready(function () {
    $("li.span3 a").click(function (e) {
        var thisURL = $(this).attr("href");
        e.preventDefault();
    });
});