Question

我对Survey.js中的选择顺序有疑问，我想使随机选择顺序始终位于底部，但1个值（例如骆驼）除外。

var json = {
"elements": [{
"type": "imagepicker",
"name": "Picture",
"title": "What animal would you like to see first ?",
"choices": [
 {
  "value": "lion",
  "imageLink": "https://surveyjs.io/Content/Images/examples/image-picker/lion.jpg"
}, {
  "value": "giraffe",
  "imageLink": "https://surveyjs.io/Content/Images/examples/image-picker/giraffe.jpg"
}, {
  "value": "panda",
  "imageLink": "https://surveyjs.io/Content/Images/examples/image-picker/panda.jpg"
}, {
  "value": "camel",
  "imageLink": "https://surveyjs.io/Content/Images/examples/image-picker/camel.jpg"
 }]
}]};

window.survey = new Survey.Model(json);
var q = survey.getQuestionByName('Picture');
q.choicesOrder = "random";
q.showLabel = "true";

Answer 1

我用您的代码和最新的SurveyJS创建了一个示例。对我来说还可以。

能否请您将SurveyJS版本更新为最新版本。谢谢。

Survey
    .StylesManager
    .applyTheme("default");

var json = {
  "elements": [{
  "type": "imagepicker",
  "name": "Picture",
  "title": "What animal would you like to see first ?",
  "choices": [
   {
    "value": "lion",
    "imageLink": "https://surveyjs.io/Content/Images/examples/image-picker/lion.jpg"
  }, {
    "value": "giraffe",
    "imageLink": "https://surveyjs.io/Content/Images/examples/image-picker/giraffe.jpg"
  }, {
    "value": "panda",
    "imageLink": "https://surveyjs.io/Content/Images/examples/image-picker/panda.jpg"
  }, {
    "value": "camel",
    "imageLink": "https://surveyjs.io/Content/Images/examples/image-picker/camel.jpg"
   }]
}]};

window.survey = new Survey.Model(json);
var q = survey.getQuestionByName('Picture');
q.choicesOrder = "random";
q.showLabel = "true";

$("#surveyElement").Survey({model: survey});

<!DOCTYPE html>
<html>
    <head>
        <title>One choice - Radio Group question, jQuery Survey Library Example</title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="https://unpkg.com/jquery"></script>
        <script src="https://surveyjs.azureedge.net/1.0.53/survey.jquery.js"></script>
        <link href="https://surveyjs.azureedge.net/1.0.53/survey.css" type="text/css" rel="stylesheet"/>
        <link rel="stylesheet" href="./index.css">

    </head>
    <body>
        <div id="surveyElement"></div>
        <div id="surveyResult"></div>

        <script type="text/javascript" src="./index.js"></script>

    </body>
</html>

Surveyjs choicesOrder随机，除了一些值

1 个答案: