Question

我正在将页面加载到其他页面的模态中。

我面临的问题是，在我尝试以模态加载的页面下拉列表中的更改和点击功能无法正常工作。

这是我在主页面中调用的功能。

  $('.MyModal').click(function () {
     // $('#formContainer').hide();
      var contentId = $(this).attr('val_id');
      var submit_type = 'edit_custom_content';
      $('.modal-body').load('/abc/xyz/create_page?contentId=' + contentId+'&submit_type=edit_content', function (result) {
        $('#MyModal').modal({show: true});
      });
    });

模态结构是：

<td><a href="#MyModal" data-toggle="modal"
                 class="MyModal" val_id='<%=contents.id%>'>Edit</a></td>

我正在加载create_page这个模态。

问题是Modal能够成功加载该页面，但是没有反映下拉变化。

代码是：

$('#select_contenttype').on('change', function () {
      document.getElementById("select_actiontype").required = false;
      document.getElementById("select_actiontyp").required = false;
      var _val = $(this).val();
      if (_val == "custom_feed") {
        $('#actiontype_event').hide();
        $('#actiontype_custom').show();
        $('#div_imageurl').show();
        $('#div_buttonurl').show();
        $('#div_buttontext').show();
        $('#div_contenttext').show();
        $('#div_backgroundspread').show();
        $('#div_buttonpicker').show();
        $('#div_uploadimage').show();
        $('#div_sidetable').show();
        $("#content_form_submit").css({ 'margin-top': '' });
        $('[name=actiontype]').val("");
        document.getElementById("select_actiontype").required = true;
        document.getElementById("select_imageurl").required = true;
        document.getElementById("select_buttonurl").required = true;
        document.getElementById("select_buttontext").required = true;
        document.getElementById("select_contenttext").required = true;
        document.getElementById("select_backgroundspread").required = true;
        document.getElementById("select_buttonpicker").required = true;
        document.getElementById("upload_image").required = true;
      }
      else {
        $('#actiontype_custom').hide();
        $('#div_imageurl').hide();
        $('#div_buttonurl').hide();
        $('#div_buttontext').hide();
        $('#div_contenttext').hide();
        $('#div_backgroundspread').hide();
        $('#div_buttonpicker').hide();
        $('#div_sidetable').hide();
        $('#div_uploadimage').hide();
        $('#actiontype_event').show();
        $("#content_form_submit").css({ 'margin-top': '-370px' });
        $('[name=actiontyp]').val("");
        document.getElementById("select_actiontyp").required = true;
        document.getElementById("select_imageurl").required = false;
        document.getElementById("select_buttonurl").required = false;
        document.getElementById("select_buttontext").required = false;
        document.getElementById("select_contenttext").required = false;
        document.getElementById("select_backgroundspread").required = false;
        document.getElementById("select_buttonpicker").required = false;
        document.getElementById("upload_image").required = false;
      }
    });

模态仅根据一个条件加载，无法根据下拉菜单中的更改进行更改。

我想我错过了一些非常愚蠢的事情，但却无法理解。

将该页面加载到模态

0 个答案: