-1

水平シルバーの別のフレームに移動する機能があります..

function goto(id, t) {
    //animate to the div id.
    $(".HozSlidercontentbox-wrapper").animate({ "left": -($(id).position().left) }, 600);

    // remove "active" class from all links inside #nav
    $('#HozSlidernav a').removeClass('active');

    // add active class to the current link
    $(t).addClass('active');
}

チェックボックス「クローン」がチェックされているときに、この機能を無効にできるようにしたい..

<li class="HozSlider_li"><a id="hypHozSliderMobile" class="HozSlider_a" href="#" onclick="goto('#HozSlider_mobile', this); return false">Mobile</a></li>

<li class="HozSlider_li"><label><input type="checkbox" onclick="DisableGoto()"><span style="color:#0073BF;font-weight:bold">Clone</span></label></li>

関数 DisableGoto をどのように記述すれば、hypHozSliderMobile の onClick を使用しても何も実行されません (無効になります)。

4

3 に答える 3

2

より良い方法は、関数のチェックボックスの状態を確認することです。チェックされている場合は何もしません。

function goto(id, t) { 

    if(!$('#cloneCheckbox').is(':checked')) {
        $(".HozSlidercontentbox-wrapper").animate({ "left": -($(id).position().left) }, 600);

        // remove "active" class from all links inside #nav
        $('#HozSlidernav a').removeClass('active');

        // add active class to the current link
        $(t).addClass('active');
    }
}

また、チェックボックスに ID を与える必要があります。

<li class="HozSlider_li"><a id="hypHozSliderMobile" class="HozSlider_a" href="#" onclick="goto('#HozSlider_mobile', this); return false">Mobile</a></li>

 <li class="HozSlider_li"><label><input id="cloneCheckbox" type="checkbox" onclick="DisableGoto()"><span style="color:#0073BF;font-weight:bold">Clone</span></label>

于 2013-01-16T17:11:42.827 に答える
0 
document.getElementById('hypHozSliderMobile').onclick = function(){/*do nothing*/}
于 2013-01-16T17:06:56.023 に答える
0

あなたの質問は理解しにくいですが、ここで試してみてください。

アンカー イベントを無効にするには、 preventDefault() メソッドを呼び出す必要があります

$("#hypHozSliderMobile").click(function(e){
  e.preventDefault();
});
于 2013-01-16T17:07:42.043 に答える