javascript - 函数不传参给onclick

Question

Reactor 代码和我遇到了一个小问题。我已经从在给定元素的 onclick 上运行的提示中读取了变量的值。现在我正在尝试编写一个全局函数，其中包含所有可能的参数，并且在键入后，根据调用函数的位置在页面上的正确位置创建一个元素并添加输入的参数。我这里应用了switch，传了参数，虽然元素并没有添加到附加框，例如，为什么？

var overlay = $("#overlay");
var message = $("#message");

function popupshow() {
  overlay.css("display", "block");
}

function popuphide() {
  overlay.css("display", "none");
}

function params(type) {
  param1 = $("#param1").val();
  param2 = $("#param2").val();
  param3 = $("#param3").val();
  param4 = $("#param4").val();
  param5 = $("#param5").val();
  param6 = $("#param6").val();

  switch (type) {
  
    case img:
      $("#additional-box").append('<img src="' + param6 + '" style="width: ' + param2 + 'px; height: ' + param3 + 'px;">');
      break;

    case otherimg:
      $("#other-photos").append('<img src="' + param6 + '" style="width: ' + param2 + 'px; height: ' + param3 + 'px;">');
      break;

    case section:
      $("#new_section").append('<div class="sekcja" style="width: ' + param2 + 'px; height: ' + param3 + 'px; background: #' + param4 + '; color: #' + param5 + ';"></div>');
      break;

    case gallery:
      $("#gallery").append('<img src="' + param6 + '" />');
      break;
  }
}

$("#add-params").on("click", function() {
  params(img);
});

$("#additional-img").on("click", function() {
  popupshow();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="overlay">
  <div id="message">
    <p id="m-title">Params</p>
    <input type="text" placeholder="Section title" name="param1" id="param1" />
    <input type="text" placeholder="Element width" name="param2" id="param2" />
    <input type="text" placeholder="Element height" name="param3" id="param3" />
    <input type="text" placeholder="Element background" name="param4" id="param4" />
    <input type="text" placeholder="Element color" name="param5" id="param5" />
    <input type="text" placeholder="Source" name="param6" id="param6" />
    <button type="button" id="add-params">Add to template</button>
  </div>
</div>

<div id="additional-box">
</div>

<div id="additional-img">
  <button type="button">Add image</button>
  <span>Image adding is optional.</span>
</div>

Answer 1

您的参数应该是一个字符串。

$("#add-params").on("click", function() {
  params("img");
});

在你的 switch 案例中，你应该将你的参数与一个字符串进行比较，如下所示。

switch (type) {      
    case "img":