Question

我搜索了各个网站，但没有找到任何可以从中推断出成功答案的内容。无论是穿着还是我的眼镜都是合理的，我有论坛疲劳。

这是我的问题：我需要HTML行中的动态字符串：

<a href="#" onClick="$.scrollTo('#xxxjump', 800, {easing:'elasout'}); javascript:animatedcollapse.toggle('xxx')" id="xxx-toggle">Next</a></div>

这样做的原因是提供额外的导航。

三重xxx将默认为三位数字，假设为“ 016 ”，点击“下一步”会生成一个新数字减去一。该行中的所有实例都被替换为例如' 016 '到' 015 '。 ' onClick '和' id '更改，用户窗口滚动到新窗口。 “后退”行将作为相同编码的一部分包含在内。

我在思考服务器端＆lt;％includes％＆gt; ， if..elseif ，但只能原始代码HTML和CSS。

已经处理了其他功能，我的网站已上线。有没有想过这个？

干杯。

附录：

我希望脚本更内联。 xxx在给定行中具有相同的值。 'onClick'将浏览器窗口驱动到上面由命名锚点引用的嵌套DIV。单击下一步（016）将生成＆lt; 1数字并将页面向下驱动到下一个嵌套DIV（015），DIV（014）等。

<a name="016jump" id="016jump"></a>
<div class="ItemName"><a href="#" onClick="$.scrollTo('#016jump', 800, {easing:'elasout'}); javascript:animatedcollapse.toggle('016')" id="016-toggle">16&nbsp;Title</a>
    <div class="Item016">(individual CSS style)
<!-- HIDDEN CONTENT STARTS -->
        <div id="016">(this is what the id='xxx-toggle' expands)
            content
        </div>
 <!-- HIDDEN CONTENT ENDS -->
    </div>
</div>


<a name="015jump" id="015jump"></a>
<div class="ItemName"><a href="#" onClick="$.scrollTo('#015jump', 800, {easing:'elasout'}); javascript:animatedcollapse.toggle('015')" id="015-toggle">15&nbsp;Title</a>
new code...blah blah blah

如果您有这种冲动请访问damiankemp.com并查看来源。有一些冗余脚本供将来使用，但我的请求是指代码评论为：'扩展内容DIV'，'导航开始在这里'和DIVs'IMAGE 016'，'IMAGE 015'，'IMAGE 014'等等。如果有人如果你想要的话，欢迎你在剧本中得到确认和/或捐赠给慈善机构。

Answer 1

这取决于数字的来源，但你可以做到以下几点：

nextNumber = function() {
  // generate your next number here...
  // wherever it may come from ;-)
  return newNumber;
}

然后

<a href="#" onclick="var i = nextNumber(); $.scrollTo('#' + i + 'jump', 800, {easing:'elasout'}); server sidejavascript:animatedcollapse.toggle(i); $(this).attr('id', i)" id="xxx-toggle">Next</a></div>

还是我错过了这一点？

Answer 2

通过向该行添加一个类，可以使用以下内容。

$('.next-class').click(function(){
    curr = $(this).attr('id').split('-')[0];
    next = curr-1;
    $(this).replaceWith($('<a/>',{
        id: new+'-toggle',
        class: 'next-class',
        href: '#',
        text: 'Next',
        click: function(){/*your onclick function goes here written with new value*/}
    }))
    .prepend($('<a/>',{
        id: curr+'-toggle',
        class: 'back-class'
        href: '#',
        text: 'Back',
        click: function(){/*your onclick function goes here written with curr value*/}
    }));
})

也可以为后一类做类似的事情。

Jquery - 在HTML代码中动态生成字符串？

2 个答案: