jquery - jquery mobile 分配 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

你可以尝试做这样的事情：

<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>

Answer 2

这是一个适合您的工作示例：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'
}

我在对象中使用了一个变量，它是您请求的一个变体。看看我的例子，看看它是如何工作的。Listview 可以有尽可能多的元素，此事件将适用于每个人+它将返回 li 唯一值。