Question

我正在尝试使用jQuery模板生成jQuery垂直标签。我使用这段代码：

<script type="text/javascript">
        $(document).ready(function () {
            var clientData = [
                { name: "Rey Bango", age: 42, id: 1, phone: ["954-600-1234", "954-355-5555"] },
                { name: "Mark Goldberg", age: 51, id: 2, phone: ["954-600-1234", "954-355-5555"] },
                { name: "Jen Statford", age: "25", id: 3, phone: ["954-600-1234", "954-355-5555"] }
            ];

            $("#clientTemplate").tmpl(clientData).appendTo($("#vtabs div ul"));
            $("#phoneTemplate").tmpl(clientData).appendTo($("#vtabs div:last"));

            $("#vtabs").jVertTabs();
        });
    </script>

<script id="clientTemplate" type="text/html">
    <li><a href="#${id}">${name}</a></li>
</script>

<script id="phoneTemplate" type="text/html">
    <div id="${id}">
            <p>${name} - Age: ${age}</p>        
            <p>Some text on panel 1</p> 
    </div>
</script>

在Firefox，Chrome，Opera和Safari上，一切都很有效但在IE中这段代码不起作用。当我查看html源代码时，我在IE中看到了这个而不是

<li><a href="#1">${name}</a></li>
<li><a href="#2">${name}</a></li>
<li><a href="#3">${name}</a></li>

我得到了

<li><a href="http://localhost:51592/galeria-lista/#1">${name}</a></li>
   <li><a href="http://localhost:51592/galeria-lista/#2">${name}</a></li>
   <li><a href="http://localhost:51592/galeria-lista/#3">${name}</a></li>

因此，jQuery垂直选项卡在IE中不起作用。

请帮帮我。

Answer 1

可能与JQuery $有些冲突尝试使用JQuery代替$

jQuery，IE上的相对网址

1 个答案: