Search jQuery

jQuery Forum

jQuery Mobile

bngk25

listview : selected item not highlighting

in jQuery Mobile • 5 months ago

Hi,

Listview : selected item i highlighted using $(this).addClass('ui-btn-active').

This works for the first time.

When i select the next item, i need to highlight the second item and remove the highlight of first item.

I stored the first highlighted $(this) as var $selectedItem = $(this).

And again i m trying as $selectedItem.removeClass('ui-btn-active').

But its not working...

Waiting for you guys to reply on my issue.

Regards,

bngk

Replies(5)

John Chac..

Re: listview : selected item not highlighting

5 months ago

whats scope of var $selectedItem ?

bngk25

Re: listview : selected item not highlighting

5 months ago

Thanks for your reply Jhon.

I have used $selectedItem to store the the reference $(this) for the first one .

You can find the code below.

var firstTime = false; //Global Declaration

$("#someList").on('tap','li', function(){

$(this).addClass('ui-btn-active');

if(firstTime){

$selected.removeClass('ui-btn-active');

}

var $selected = $(this);

firstTime = true;

}

John Chac..

Re: listview : selected item not highlighting

5 months ago

Before answering I will ask

Do you have multiple items with same id 'someList'? Its wrong..

Are you using a ready only list? Or normal list whose href="#"?

If href is valid it triggers transition and there is no point in changing class.

I can see 'var $selected ' is having only fucntion scope and itis useless here.

I guess you are trying to do something wrong and complicating it....

Please explain what exactly is the scenario here....

Your markup and the requirement can help us to help u...

bngk25

Re: listview : selected item not highlighting

5 months ago

Thanks John !!!

Its a very very and some infinite very small mistake. The variable is of functional scope. It

should be global.

Thats it ...

Once again Thanks Jhon !!!

John Chac..

Re: listview : selected item not highlighting

5 months ago

making it global may solve your problem.

But overall I am not clear why you want to do all these....

don't follow bad practices.....

Top Reply

Response title

Attachments

jQuery Forum

listview : selected item not highlighting

Replies(5)

Re: listview : selected item not highlighting

Re: listview : selected item not highlighting

Re: listview : selected item not highlighting

Re: listview : selected item not highlighting

Re: listview : selected item not highlighting

Statistics

Tags

Actions

Related Posts