How to disable an onclick option in span?

Question

I have this

 <span class="ui-icon ui-icon-info"  id="icon" runat="server"  ></span>

I dont use onclick but my icon is clickable (maybe because the jquery-ui class...) I need to disable the onclick completely.

Is there a way to do it?

i need the hover from the jquery ui plugin to be diseable ( i think..) — user2560521, Jan 26 '14 at 18:19
i have created i cant see any hover or click changes occurrence here http://jsfiddle.net/mXjHJ/768/ — Kawinesh S K, Jan 26 '14 at 18:26

score 6 · Answer 1 · 2014-01-27T05:30:03.550

6

You can try:

jQuery off() to off the onclick event for specific span.

Use:

jQuery( "span#icon" ).off("click");

Check w3schools tutorial for this

Or, You can try:

jQuery( "span#icon" ).css("cursor","default");

edited Jan 27 '14 at 05:30

answered Jan 26 '14 at 18:12

score 3 · Accepted Answer · edited May 23 '17 at 12:01

3

I guess the clicking on the span does not fire any event if not specified, means this is more a design issue

If there is a hand-cursor coming up as soon as you hover you can spcecify this by the cursor attribute in css:

.someclass {
   cursor: default
}

Another possibility if there is some event fireing as seen here: Use CSS to make a span not clickable

<span class='unclickable' onclick='return false;'>description<br></span>

edited May 23 '17 at 12:01

Community

1
1

answered Jan 26 '14 at 18:15

thilo.dev

210
1
10

Thank you! the - onclick='return false;' worked for me – user2560521 Jan 26 '14 at 18:31

score 0 · Answer 3 · answered Jan 26 '14 at 18:29

0

i am new in stackoverflow. i am trying to add my code here but i am failed for that reason i just added picture here with my Html code enter image description here and script are

answered Jan 26 '14 at 18:29

Ferrakkem Bhuiyan

2,741
2
22
38

score 0 · Answer 4 · answered Jul 19 '18 at 13:17

For a clickable span: html:

<span class="clickable-span">View</span>

css:

.clickable-span {
    color: darkcyan;
    text-decoration-line: underline;
}
.clickable-span:hover {
    cursor: pointer;
}

For a Unclickable span: html:

<span class="unclickable-span">View</span>

css:

.unclickable-span{
    color: cyan;   
    cursor: default;
}

How to disable an onclick option in span?

4 Answers4