Question

我已经创建了一个脚本，您可以在其中选择性别和年龄，并根据该脚本显示一些结果。

<style>
#sportarten_target .sportart {
  display: inline-block;
  padding: 5px;
}

#sportarten_target .sportart img {
  display: block;
}
#sportarten_target .sportart a {
  width: 265px;
}

</style>

<script>
(function($) {

var sportarten = [
// ["<Name der Sportart>", alterVon, alterBis, geschlecht, idDerSeite, nameDesBildes],
  ["Aikido 1 Kinder", 8 , 12, "m/w", 869, "wp-content/uploads/2013/03/2011_porsche_911_gt21-300x187.jpg"],
  ["Aikido 2 Ältere", 13, 99, "m/w", 869],
  ["Ballet", 5, 15, "w",225],
  ["Jedermänner", 5, 99, "m/w",901],
  ["Ballspiele",0,99,"m",901],
  ["Sonstwas",0,99,"m",901]
];

var _sex = null;
var _alter = 15;


$(function() {
   $(".sex").click(function() {
      $(".sex").removeClass("button_hilite");
      $(this).addClass("button_hilite");
      _sex = $(this).hasClass("male") ? "m" : "w";
      loadData();
      return false;
   });
  $("#slider1").change(function() {
      _alter = $(this).val();
      loadData();
  });
});


function loadData() {
    $("#sportarten_target").html("");
    for(var i=0; i<sportarten.length;i++) {
        var sportart = sportarten[i];       
        sportart = { name: sportart[0], alterVon: sportart[1], alterBis: sportart[2], geschlecht: sportart[3], seitenId : sportart[4], bild: sportart[5] }
        sportart.bild = sportart.bild || "wp-content/uploads/2013/03/2011_porsche_911_gt21-300x187.jpg";
                if(_alter >= sportart.alterVon && _alter <= sportart.alterBis && sportart.geschlecht.indexOf(_sex)>=0) {
            $("#sportarten_target").append(
                $('<div class="sportart"><img src="'+sportart.bild+'"><a class="button name" href="?page_id=' + sportart.seitenId + '">'+sportart.name+'</a></div>')
            );
        }
    }
}


})(jQuery);
</script>

<span id="sportarten_target">

</div>

pastebin code

你可以在这里看到脚本： http://pixelpizza.de/tsh/?page_id=2

尝试选择“männlich”并将滑块设置为“10 Jahre”。然后你会看到一些结果和一个名为“Aikido 1 Kinder”的按钮 Normaly它应该以“？page_id = 869”

引导这个网站浏览器底部的

已经显示“转到...”但是当我点击按钮时，什么都不会发生。

你可以告诉我什么错了吗？

Answer 1

追加的正确语法是：

$("#div_parent").append("<div_child>I'm inside a div added at the end!</div>");

你有：

$("#sportarten_target").append($('<div

但必须是：

$("#sportarten_target").append('<div

检查我的小提琴：

http://jsfiddle.net/ehyRn/

编辑：

不要忘记删除最后的）

</div>')
);

必须

</div>');

因为你不必用jQuery $ sign打开追加。

选择菜单上的按钮不起作用

1 个答案: