在没有<a> tag</a> </li> </div>的情况下点击<div>,<li>

时间:2013-03-05 05:35:32

标签: jquery html css

我希望<div><li>标记可点击(指针应更改为手)。如果没有<a>代码,我怎么能这样做?

因为,当点击div时,我的javascript会加载一个文本文件。

6 个答案:

答案 0 :(得分:9)

您应该为指针和style="cursor:pointer"添加onclick="window.location='somewhere'"

<div style="cursor:pointer" onclick="window.location='index.html'">My Link</div>

答案 1 :(得分:2)

var myel = document.querySelector('#myel'); // your element

myel.addEventListener('click', function() {
  // do stuff
});

在CSS中:

#myel { cursor: pointer }

答案 2 :(得分:2)

你可以通过多种方式做到这一点。一种方法是在你的CSS中分配伪类。如果div有一个div1类,那么我们的css会读取:

.div1:hover{
    cursor:pointer;
}

您也可以在javascript

中执行此操作
$('.div1').on("hover", function(){
    $(this).css("cursor", "pointer");
});

答案 3 :(得分:1)

设置css:

ul li{
  cursor:pointer; /*  <------this will change the cursor to hand cursor*/
}

和jQuery:

$(function(){
   $('li').click(function(){
      alert('li clicked.');
   });
});

答案 4 :(得分:1)

        $("div").hover(function(){
        $(this).css('cursor','pointer')
});

答案 5 :(得分:1)

希望这会有所帮助......

<强> CSS

li:hover {
    cursor: pointer //on hover change the cursor to pointer
}

<强> JQuery的

$(document).ready(function() { 
    $("#click_me").bind("click", function(){ //bind a click event on an element with id = click_me
        $.ajax({ 
            url: "./file.txt", //note: file must be in the same domain as the current script http://en.wikipedia.org/wiki/Same_origin_policy
            dataType: "text",
            success: function(data) { //if ajax request is successful
                $("#result_container").html(data); //append the resulting data into a div with id = result_container
        }
    });
});

});

干杯:)