javascript - 混合两个 JavaScript 代码

Question

我拼命地尝试了好几个小时才让这两个小脚本正常工作，但没有成功。如果我像那样使用它们，则没有一个可以工作，但如果我只包含一个则没有问题。所以问题不在于代码本身，而在于代码一起使用时的冲突。我尝试了十几种组合，还添加了一些其他语句，但也没有运气。

<小时/>

代码1

<script type="text/javascript">// <![CDATA[
function on_my_form_loaded(event) {
if (event=='reserve')
var mobile_number_param = document.getElementById('mobile_number_param');
mobile_number_param.value = "[cb:userdata field="cb_myfield" user="#me" /]";
mobile_number_param.readOnly = true;
var email = document.getElementById('email');
email.readOnly = true;
var first = document.getElementById('first');
first.readOnly = true;
var last = document.getElementById('last');
last.readOnly = true;
}
// ]]></script>

<小时/>

代码2

<script type="text/javascript">// <![CDATA[
function on_my_form_loaded(event) {
if (event=='show_cart')
document.getElementById('empty_cart_block').style.display='none';
}
// ]]></script>

不幸的是，我不是编码员...有人有建议吗？

Answer 1

您可以将它们移动到同一个函数中。 on_my_form_loaded 然后使用 if else 来确定应执行哪一段代码。喜欢:

    <script type="text/javascript">// <![CDATA[
function on_my_form_loaded(event) {
    if (event=='show_cart')
    {
        document.getElementById('empty_cart_block').style.display='none';
    }
    else if (event=='reserve')
    {
        var mobile_number_param = document.getElementById('mobile_number_param');
        mobile_number_param.value = "[cb:userdata field="cb_myfield" user="#me" /]";
        mobile_number_param.readOnly = true;
        var email = document.getElementById('email');
        email.readOnly = true;
        var first = document.getElementById('first');
        first.readOnly = true;
        var last = document.getElementById('last');
        last.readOnly = true;
    }
}

// ]]></script>

如果事件是show_cart，那么第一个代码块将运行。如果事件是reverse，那么第二段代码将运行。