Question

嘿那里，这里总javascript noob。只是想知道，我已经使用jquery selectable在ul标签内部设置了一些按钮，当我点击它们时会改变颜色。但是有一个问题，如何让其中一个选择加载页面？

谢谢！

编辑：这是我的代码：

    <link rel="stylesheet" href="style/style.css" media="screen,projection" type="text/css" />
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){
    setLink('single');
    $('#target').load($('#single a:first').attr('href'));
});

function setLink(id){
    $('#'+id+' a').click(function(e){
        $('#target').load(
            this.href,
            function(){
                setLink('target');
            }
        );
        return false;
    });
}

</script>
<style type="text/css">
#selectable .ui-selecting {
    background-image:url(../images/nav-li-bcg.png);
}
#selectable .ui-selected {
    background-image:url(../images/nav-li-bcg.png);
}
</style>

  <script>
  $(document).ready(function() {
    $("#selectable").selectable();
    $document.getElementById('current1').click();
  });
  </script>
</head>
<body>
<div id="tabs">
<div id="navigation">
<div id="single">
<div class="anchor1">
<ul id="selectable">
<li class="current1" id="current1"><a href="form1.php"><span>1</span></a></li>
<li><a href="form2.php"><span>2</span></a></li>
<li><a href="form3.php"><span>3</span></a></li></ul>
</div>
<div class="clear"></div></div></div><!-- navigation -->
<div class="info">
<div class="top"></div>
<div id="target">
</div>

Answer 1

模拟文档准备就绪？

$(document).ready(function() {
    $(".selectable .buttonSelector:first").click();
});

Answer 2

$('#myListItem').addClass('ui-selected');

如何将按钮设置为默认选择的类（jquery selectable）

2 个答案: