Как сделать вкладку Jquery мышкой и щелкнуть мышью, чтобы открыть страницу? - PullRequest
Новая
       34

Как сделать вкладку Jquery мышкой и щелкнуть мышью, чтобы открыть страницу?

0 голосов
/ 13 ноября 2009

это не позволит мне отправлять более одной ссылки, поэтому, пожалуйста, используйте свое воображение, мне нужно несколько вкладок с несколькими надписями мыши или изображениями, чтобы посередине было изображение 

<script type="text/javascript">
$(function() {
$("#tabs").tabs({event: 'mouseover'}).addClass('ui-tabs-vertical ui-helper-clearfix');
$("#tabs li").removeClass('ui-corner-top').addClass('ui-corner-right');
$('.openpage').click(function(){
  window.location=$(this).attr('title');
    });
});
</script>

<div id="tabs">
<ul>
<li><a href="#tabs-1" title="content1.html" class="openpage">content1</a></li>
</ul>
<div id="tabs-1"><imgimg src="/images/1.jpg" alt=""></div> 
</div>

1 Ответ

0 голосов
/ 13 ноября 2009

Этот код взят из jQuery Docs .

HTML-код. Обратите внимание, что я добавил классы для вкладок. 

<div id="tabs">
    <ul>
        <li class="tab1"><a href="#fragment-1"><span>One</span></a></li>
        <li class="tab2"><a href="#fragment-2"><span>Two</span></a></li>
        <li class="tab3"><a href="#fragment-3"><span>Three</span></a></li>
    </ul>
    <div id="fragment-1">
        <p>First tab is active by default:</p>
        <pre><code>$('#example').tabs();
Lorem ipsum dolor sit amet, посвященный адептированию elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, посвященный адептированию elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Lorem ipsum dolor sit amet, посвященный адептированию elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, посвященный адептированию elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet, посвященный адептированию elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

Теперь, если вы хотите добавить несколько эффектов на вкладках, все, что вам нужно сделать, это следующее: 

  $(document).ready(function(){
    $("#tabs").tabs();
    $("#tabs .tab1").click(function() { alert('hello world'); });
  });

Я не проверял это, но я думаю, что это должно работать.

...