jquery - jquery mobile assign var onclick

Question

リストがあり、そのリスト内の項目がクリックされたときに変数を設定したいと考えています。

<li><a href="#secondpage" onclick=""><img src="images\HF1.jpg" class="ui-li-thumb">text</a></li>

onclick を使用して、変数 X を特定の値に設定したいと考えています。たとえば、onclick X は紫に設定されます。どうすればこれができるか知っている人はいますか？

よろしく、

Answer 1

これがあなたのための実例です：http://jsfiddle.net/Gajotres/A8bPy/

HTML:

<ul data-role="listview" data-theme="a">
    <li id="purple"><a href="#">item 1</a></li>
    <li id="red"><a href="#">item 2</a></li>
    <li id="orange"><a href="#">item 3</a></li>
</ul>

Javascript:

$('ul[data-role="listview"] li').bind('click',function(event, ui){
    colors.activeColor  =  $(this).attr('id');
});

var colors = {
    activeColor : 'none'
}

オブジェクト内で変数を使用しました。これは、リクエストのバリエーションです。私の例を見て、それがどのように機能しているかを確認してください。リストビューには、このイベントがすべての要素で機能する要素をいくつでも含めることができます + 一意の値を返します。

Answer 2

次のようなことを試すことができます。

<script>
$(function(){
  var z;
  $(".x-var-setter").click(function(e){
    z = $(this).attr("data-color");
  });
});
</script>

<ul>
  <li><a data-color="purple" href="#secondpage" class="x-var-setter" onclick=""><img src="images\HF1.jpg" class="ui-li-thumb">text</a></li>
</ul>