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唯一值。

jquery mobile assign var onclick

2 个答案: