JQuery Уль Ли проблема меню - PullRequest
Новая
       2

JQuery Уль Ли проблема меню

0 голосов
/ 11 января 2011

Я работаю над динамическим созданием выпадающих меню, таких как: 

<dl id="sample-1" class="dropdown">
    <dt id="1"><a href="#" id="1"><span>Please select the country</span></a></dt>
    <dd>
        <ul>
            <li><anchortag>Brazil fdsf sdf kjdsh  hkjh jkh hdf sdh kjh sdfh  kjh k hkjh 2121 fgfd21g 21 21g dfg1 f21gfd2<span class="value">BR</span></ahchor></li>
            <li><anchortag>France<span class="value">FR</span></ahchor></li>
            <li><anchortag>Germany<span class="value">DE</span></ahchor></li>
            <li><anchortag>India<span class="value">IN</span></ahchor></li>
            <li><anchortag>Japan<span class="value">JP</span></ahchor></li>
            <li><anchortag>Serbia<span class="value">CS</span></ahchor></li>
            <li><anchortag>United Kingdom<span class="value">UK</span></ahchor></li>
            <li><anchortag>United States<span class="value">US</span></ahchor></li>
        </ul>
    </dd>
</dl>
<span id="result-1"></span>

с использованием кода JavaScript: 

< script > $('dl[id^="sample-"] dt a').click(function(e) {
    e.preventDefault();
    //$('dl[id^="sample-"] dd ul').toggle();                      $(this).closest('dt').siblings('dd').find('ul').toggle();
});

$('dl[id^="sample-"]').each(function() {
    var mainOjbect = this;
    //$(this.closest('dt').find('a')).live('click', function(e) {                                          
    $("dl[id^='sample-'] dd ul li a").live('click', function(e) {
        var text = $(this).html();
        alert(text);
        alert(mainOjbect.id + "id is....");
        $('#' + mainOjbect.id + " dt a span").html(text);
        //$(this).closest('dt').find('a').find('span').html(text);
        //$("dl[id^='sample-'] dd ul").hide();              
        $('#' + mainObject + "ul").hide();
        $(this).find('dl[id^="result-"]').html("Selected value is: " + getSelectedValue(this));
    });
});

function getSelectedValue(id) {
    alert(id);
    return $("#" + id).find("dt a span.value").html();
}

$(document).bind('click', function(e) {
    alert('hello3');
    var $clicked = $(e.target);
    if (!$clicked.parents().hasClass("dropdown"))
    //$("dl[id^='sample-'] dd ul").hide();
    $(this).closest('dt').siblings('dd').find('ul').hide();
}); < /script>

Все эти меню создаются динамически с использованием функции клонирования javascript, и следующим будет 

<dl id="sample-2" class="dropdown">
...
...
...
<dl id="sample-n" class="dropdown">

но я не понимаю, когда я щелкаю в одном меню, выбор делается в другом меню, я хочу запустить все эти меню на своих местах. Я потратил достаточно времени, но не понимаю, где у меня неправильный код. Нужна помощь, как пройти все это.

Спасибо

Ответы [ 2 ]

1 голос
/ 11 января 2011

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

 $('.dropdown').live('click',function(){


    $('li').each(function(){

    var $idOfli=$(this).attr('id');
    .
    .
    .
    }

    });
0 голосов
/ 11 января 2011

Вот пример выпадающего списка, который позволяет вам выбрать. Не уверен, что это именно то, что вы ищете. Надеюсь, это поможет вам.

http://jsfiddle.net/rcravens/HCqHG/

Bob

...