2

私はjQueryが初めてで、この質問はばかげているように思えるかもしれません。しかし、ここに私がこれまでに持っているものがあります... http://jsfiddle.net/jHyJu/

$('[id^=content]').hide();
$('#baseSection').delegate("li", "click", function() {
var id = $(this).attr('id').replace('bcontent','');
$("#baseContent").html($("#content-"+id).html());
});

$('[id^=content]').hide();
$('#headSection').delegate("li", "click", function() {
var id = $(this).attr('id').replace('hcontent','');
$("#headContent").html($("#content-"+id).html());
});

カスタム コンテンツを表示できるように、クリックされた ID を結合するスクリプトが必要です。

4

3 に答える 3

0 
    $('[id^=content]').hide();
    $('#baseSection, #headSection').delegate("li", "click", function() {
    var id = $(this).attr('id').replace('bcontent','').replace('hcontent','');
    $("#baseContent, #headContent").html($("#content-"+id).html());
    });

これを試して。

于 2013-02-08T08:16:15.117 に答える
0

利用するternary operator：http://jsfiddle.net/jHyJu/1/

    $('[id^=content]').hide();
    $('#baseSection, #headSection').on("click", "li", function () {
        var id = ($(this).parent().attr('id') == 'selectable') ? $(this).attr('id').replace('bcontent', '') : $(this).attr('id').replace('hcontent', '');
        $("#baseContent").html($("#content-" + id).html());
    });

.on()代わりに使用するif you are using jquery version 1.7+

于 2013-02-08T08:32:11.967 に答える
0

あなたが使用することができます

   $('#baseSection, #headSection').delegate

次の行を除いて、すべてのコードを同じに保ちます

var id = $(this).attr('id').replace('hcontent','');
var id = $(this).attr('id').replace('bcontent','');

ここでは、要素の属性として「hcontent/bcontent」を使用でき、次を使用して使用できます

$(this).attr('<attribute name>')

変数として使用

于 2013-02-08T08:25:28.130 に答える